如何将某个单词与一个段落对齐？

说我有下面的文字输入：如何将某个单词与一个段落对齐？

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

我如何风格显示为：

enter image description here

来源

2012-07-07 simpatico

使用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和较低的正常工作。

来源

2012-07-07 10:34:12

但我该如何保持页面中心的所有文本？ float：left将Essen带到页面的左侧，远离text-align：center文本。 – simpatico 2012-07-10 09:54:04

@simpatico：请参阅我的编辑。 – 2012-07-10 10:05:46

谢谢。但为什么我不能让埃森的font-size：30px？当我这样做，它符合第二行。 – simpatico 2012-07-10 10:15:47

.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-07 10:44:46 Prashobh

如何将某个单词与一个段落对齐？

回答

相关问题