2016-11-07 3 views
-2

イメージを使って、行全体から次のものを中央に持っていくことができますか?今のテキストは...左の境界への画像から真ん中にあるイメージ同じ行の中央にあるイメージの右のテキストですが、デザイン全体が中くらいです

CSS:

#cen { 
    max-width: 1006px; 
    margin-right: 8px; 
    margin-left: 15px; 
    margin-top: 3px; 
    margin-bottom: 2px; 
    height: 80px; 
    float: right 
} 
h1 { 
    margin-left: 8px; 
    margin-right: 8px; 
    margin-top: 34px 
} 

HTML:

<tr> 
    <th> 
     <div id=cen> 
      <a title="test" href=http://www.test.m/> 
       <img src=pic/pic2.png alt="test" 
        title="test" height=80 width=142> 
      </a> 
      <h1>this is a test and test</h1> 
    </th> 
</tr> 

答えて

0

あなたはこのような何かを探しています:

table,tr{ 

幅:100%;

} 
#cen { 
    max-width: 1006px; 
    margin: 3px 8px 2px 15px; 
    height: 80px; 
    width:100%; 
    border:1px solid red; 
} 
h1 { 
    text-align:center; 
} 
a,h1{ 
    display:inline-block; 
} 
+0

何それは –

+0

動作しません、私は方法を発見した(https://jsfiddle.net/keLacL9v/4/) –

+0

[それは2のように見えるべきではありません]。 イメージが正しい場所にない場合は、左側に表示されます 右に座ったときの動作はわかりません。ここに新しいバージョンがあります: [link](https://jsfiddle.net/keLacL9v/5/) 両方のバリエーションがあります –

関連する問題