当我在标题内使用 Bootstrapbadge
时,例如h1
, h2
,h3
垂直对齐关闭。与标题文本的badge
底部对齐。我希望徽章与标题文本垂直居中对齐。
HTML
<h1><span class="badge">badge</span> Heading 1</h1>
<hr>
<h2><span class="badge">badge</span> Heading 2</h2>
<hr>
<h3><span class="badge">badge</span> Heading 3</h3>
CSS
h1,h2,h3 {
vertical-align:middle;
}
h1>.badge, h2>.badge, h3>.badge {
vertical-align:middle;
}
结果..
请参阅此 Bootply:http ://bootply.com/88526
我怎样才能让它垂直对齐中心?