0

画像とテキストの位置合わせに問題があります。

#content img{
    border: 2px solid black;
    vertical-align: middle;
}

<div id="content">
    <h1><b>Company News 1</b></h1>
    <img src="http://www.placehold.it/120x120">
    <span style="">
        A lot of text...
    </span>
</div>

結果は次のとおりです。

ここに画像の説明を入力

私は何を間違っていますか?

4

6 に答える 6

2
#content img{
  border: 2px solid black;
  float:left;
  margin-right:5px;
}
于 2013-08-28T06:28:11.167 に答える
0

jsフィドルを確認してください

http://jsfiddle.net/5vzBS/

#content img
{
     border: 2px solid black;
     vertical-align: middle;
     float:left;
}
于 2013-08-28T06:30:17.613 に答える
0

このような

デモ

#content img {
    border: 2px solid black;
    vertical-align: middle;
    float: left;
    margin: 0 10px;
}
于 2013-08-28T06:31:26.000 に答える
0

float:leftプロパティ を使用

#content img{
    border: 2px solid black;
    vertical-align: middle;
    width:120px;
    height:120px;
    float:left;
}

フィドル: http://jsfiddle.net/kJHK7/1/

于 2013-08-28T06:31:28.613 に答える