bootstrap-3.3.7を使用してホームページ作成を行っております。
その際に<h3>で囲ったテキストはpaddingが効いているのですが、
border-bottomその<h3>に適用しているborder-bottomがpaddingが
適用されずはみ出してしまいます。
下記がそのコードとなります。
html
1<div id="home_wrap"> 2 <div class="container all"> 3 <div class="row o-3column"> 4 <div class="contents_left col-md-9"> 5 <div class="post_title_wrap row"> 6 <h3 class="post_title col-md-12"> 7 <a href="/">テキスト</a> 8 </h3> 9 </div> 10 <div class="post_content_wrap row"> 11 <div class="post_left col-md-3">写真</div> 12 <div class="post_right col-md-9"> 13 <p class="postcat"> 14 <a href="">テキスト</a> 15 </p> 16 <p class="post_content">テキスト</p> 17 <p class="postinfo">テキスト</p> 18 </div> 19 </div> 20 </div> 21 <div class="contents_right col-md-3"> 22 <aside id="sidebar"></aside> 23 </div> 24 </div> 25 </div> 26</div>
上記の<h3 class="post_title col-md-12">に
css
1.post_title { 2 border-bottom: 0.5px solid #ccc; 3 color: #ccc; 4 font-size: 24px; 5 margin-bottom: 10px; 6 margin-top: 0; 7 padding-bottom: 10px; 8}
を適用しているのですが、
border-bottomがはみ出します。
どうすればよろしいでしょうか?
回答2件
あなたの回答
tips
プレビュー