如何以段落为中心？

Question

说我输入了以下文字：

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

如何将样式显示为：

Answer 1

将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;
}

Demo on JS Bin

请注意display:inline-block在IE7及更低版本中无效。

Answer 2

.left {
      float:left;
      line-height: 2.0;
      }

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