保证金不在标签后显示

时间:2012-08-04 16:15:10

标签: html css margin line-breaks

我有以下(摘录)html:

<span id="version">Version 1 <small>Last modified 04/August/2012</small><br>unfinished</span>

以及(摘录)css:

#version {
  font-size: xx-large;
  color: Black;
  text-align: left;
  margin-left: 35px;
}

#version small {
  font-size: 50%;
}

在&lt; br&gt;之后,所有内容都会正确显示,其中文本未针对边距进行调整。为什么不在&lt; br&gt;之后调整?

1 个答案:

答案 0 :(得分:3)

因为span是一个内联元素。完成您想要的任务,将span的display属性设置为block或inline-block,或将span更改为div。

<强> jsFiddle example