跨度断线
我有以下问题：
Html： <span class="info"></span>
CSS：
span.info{ margin-left: 10px; color: #b1b1b1; font-size: 11px; font-style: italic; font-weight:bold; }
任何想法如何alignment第二行？
display:block;
那么你有一个块元素和边缘被添加到所有行。
尽pipe跨度在语义上不是块元素，但有些情况下，您不能控制页面DOM。 这个答案是针对那些。
span是内联元素，因为这样的样式属性（如width或margin不起作用。 您可以通过将span更改为块元素（例如div ）或使用填充来修复该问题。
编辑
请注意，通过添加display: block;来使span元素成为块元素display: block; 是相当愚蠢的，作为一个span是根据定义否则无风格的内联元素，而div是一个否则无风格的块元素。 所以正确的解决scheme是使用div而不是块span 。
span是一个内联元素，这意味着如果你使用它将被认为是一条线。
将范围更改为块元素或将display:block添加到您的class级。
尝试添加display: block; （或用<div>replace<span> ）（请注意，这可能会导致其他问题，因为默认情况下内联<span> – 但是您没有发布其余的html）
你想在左边缩进多行文字。 尝试以下操作：
CSS：
div.info { margin-left: 10px; } span.info { color: #b1b1b1; font-size: 11px; font-style: italic; font-weight:bold; }
HTML：
<div class="info"><span class="info">blah blah <br/> blah blah</span></div>
也可以尝试使用
display:inline-block;
如果你想span元素水平alignment。
如果想要垂直alignment跨度元素，请使用
display:block;
<!DOCTYPE html> <html> <body> <span style="white-space:pre-wrap;"> Line no one Line no two And many more line. This is Manik End of Line </span> </body> </html>
