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;