我在一个带有按钮元素的段落中有文字：
<p> <a class="btn btn-default" href="#">Take exam</a> <span class="text-muted">Available after reading course material</span> </p>
但是,这会使两者不垂直对齐.
在这里对齐文本基线的最佳方法是什么？
解决方法
使用与.btn相同的样式可能是一个很好的方法.
Example 与残疾人.btn
<p>
<a class="btn btn-default" href="#">Take exam</a>
<span class="text-muted btn" disabled="true">Text</span>
</p>
或者使用相同的属性创建一个.btn-align类. Example
CSS
.btn-align {
padding: 6px 12px;
line-height: 1.42857143;
vertical-align: middle;
}
HTML
<p> <a class="btn btn-default" href="#">Take exam</a> <span class="text-muted btn-align">Available after reading course material</span> </p>
