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，因此背景不会填满所有行，只会填充文本部分。

P.S。：感谢所有人，当我有足够的代表时，我会投票给你。