テーブルのフルサイズでないボーダーボトム

Question

私はRWDテーブルを作成しますが、フルサイズよりもborder-bottomを短くする必要があります。私は:beforeと:afterを試しましたが、位置absoluteはRWDテーブルでうまく動作しません。

水平ルールを作成するにはどうすればよいですか？ <hr>または何か他の？

Answer 1

hrのwidthプロパティを使用して調整することができます。あなたのCSS

.logo { 
    border-bottom: 2px solid #eee; 
} 

は

.logo hr { 
    width: 90%; 
    border:none; 
    border-bottom: 2px solid #eee; 
} 

に変更し、 <h1>xxxsadw.pl</h1>以下 <hr>を追加します。 codepen