h2
タグのテキストの直後に三角形のアイコンを配置する方法を誰かが知っているかどうか疑問に思っていh2
ましdisplay: block
た. ストレッチする必要があるボーダーボトムがあるので、結果を得るために100%
使用display: inline-block
できません。空のスパンなどを追加しなくてもこれを達成できるかどうか疑問に思っています
フィドル: http://jsfiddle.net/7bCwv/
HTML:
<h2 class="definition-heading">Tools for Internet Users</h2>
CSS:
h1, .carousel-caption, h2, h3, h4 {
font-family:"Proxima Nova Semi Bold", Arial, Helvetica, sans-serif;
color: #454545;
font-size: 16px;
}
h2 {
border-bottom: 1px solid #b7b7b7;
padding: 10px 0;
}
.definition-heading:after {
content:'';
border-bottom: 5px solid transparent;
border-left: 7px solid #e15646;
border-top: 5px solid transparent;
height: 0;
width: 0;
float: right;
position: relative;
top: 7px;
margin-left: 9px;
}