0

次のテキスト入力があるとします。

 Essen Oxland Road, 34, LS4 7Du      
 Leeds, United Kingdom

次のようにスタイルを設定するにはどうすればよいですか。

ここに画像の説明を入力

4

2 に答える 2

3

display:inline-block一緒に使うvertical-align:middle

HTML

<span class="left">
    Essen
</span>
<span class="right">
    Oxland Road, 34, LS4 7Du<br>
    Leeds, United Kingdom
</span>

CSS

span.left, span.right {
  display: inline-block;
  vertical-align: middle;
}

JS Bin のデモ

display:inline-blockIE7 以下では正しく動作しないことに注意してください。

于 2012-07-07T10:34:12.947 に答える
0 
.left {
      float:left;
      line-height: 2.0;
      }

    <span class="left">
        Essen
    </span>
    <span>
        Oxland Road, 34, LS4 7Du<br>
        Leeds, United Kingdom
    </span>
于 2012-07-07T10:44:46.317 に答える