如何從重疊阻止底部邊框寬度/流於浮右格

Question

與邊框的H1：

h1 { 
    font-size: 2.125em; 
    border-bottom: 1px solid #aaa; 
    width: 100%; 
    display: block; 
} 

的浮動權「內容」：

div { 
    float: right; 
    clear: right; 
    margin-bottom: .5em; 
    padding: .5em 0 .8em 1.4em; 
    background: transparent; 
    max-width: 20em; 
} 

如何去除刺穿內容部分的線條？

Answer 1

如果你想刪除內容開始的行，你可以添加background: #fff;內容div風格。
如果邊框底部必須是唯一在「規則」和「角色設置」您可以使用text-decoration: underline;，而不是border-bottom: 1px solid #aaa;或包裹在每一個DIV H1和添加到包裹H1 display: inline-block;