0

我有一个 h3 标签，我不想在它和其他标签之间放置任何其他标签，但我似乎无法确保在其余文本之前有一个换行符。我怎样才能做到这一点？是否可以？我什至试过clear: both;。

CSS：

.sidebar_info
{
    width:175px;
    padding:15px 10px 15px 10px;
    border-radius: 6px;
    background:url(img/info.png) no-repeat right top #ecf8fd;
    font-size:11px;
    text-align:left;
    line-height:17px;
}

.sidebar_info h3
{
    color:#49bae8;
    float:left;
    font-size:18px;
    font-weight:400;
    margin:0;
    padding:0;
    clear: both;
}

html:

<div class="sidebar_info"><h3>RAWR!</h3>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
4

1 回答 1

1

您使用float: left;的h3元素本质上是块级元素，因此当您向左浮动时，其余空间变空，从而导致其旁边的文本在其余可用空间中向上移动，那么为什么要浮动之后你需要休息的时候它在左边吗？

如果您需要将文本左对齐、右对齐或居中，只需使用text-align属性 withleft, right, or center作为值

如果您仍然需要休息（如果您只是删除 ，在这种情况下您甚至不需要休息float）而不是像这样自我清除您的h3元素

.sidebar_info h3:after {
  content: "";
  display: table;
  clear: both;
}
于 2013-04-07T05:35:25.737 回答