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-block在 IE7 及更低版本中无法正常工作。

于 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 回答