2

これが私のhtml要素の外観です（間違っています）。テキストを中央に垂直に配置する必要があります。

ここに画像の説明を入力

テキストには改行がなく、div のサイズに基づいて折り返されるだけです。囲んでいる div は 200 ピクセル、画像は 75 ピクセル、画像の右マージンは 15 ピクセル、テキストは 110 ピクセルで表示されます。 

.favorite {
    float: left;
    width: 200px;
    font-size:14px;
    height:75px;
}
.favImg {
    margin-right:15px;
    float:left;
    width:75px;
}

.favText {
    display: inline-block;
    vertical-align: middle;
    line-height: 150%;

    width:110px;
    float:right;
}

            <div class="favorite">
                <div class="favImg"><img src="http://localhost/images/icons/favorites-tennis.jpg" width="75" height="75" border="0" alt="Tennis"/></div>
                <div class="favText">Playing a sport alot and more</div>
            </div>
4

4 に答える 4

0

margin-top: 13.75px;に aを追加するだけfavTextです。

JSFiddle。

于 2013-10-04T15:56:08.847 に答える