css - Css 没有标题填满所有行

Question

我在 css/sass 中有一个如下所示的标题类：

  .title
    display: block
    float: left
    margin: 25px 10px 25px -20px
    padding: 11px 10px
    font-size: 22px
    font-weight: bold
    letter-spacing: 5px
    color: red
    background: #5279b5
    -webkit-border-radius: 11px
    -moz-border-radius: 11px
    border-radius: 18px
    border-top-left-radius: 0
    border-bottom-left-radius: 0

问题是，我添加了标题，但是例如，如果我添加了一个新表单，该表单就在标题旁边开始。我需要所有标题的行都是空的。

一个解决方案是<br>在标题之后使用，但这不是我想要的。还有其他想法吗？

Answer 1

尝试clear: both;或/和margin-bottom: 10px;

Answer 2

解决方案

我删除float:left并添加了display: inline-block，所以背景不会填满所有行，只有文本部分。

PS：谢谢大家，当我有足够的代表时，我会投票给你。