我可能睡眠不足,错过了一些简单的东西。我尝试了所有可用的边距和填充,但我无法将包含一些文本的(div
或任何其他文本包含元素)提升到正确的水平。
有什么最好的方法来实现这个目标?在下面的fiddle中,我想将它与font-awesome图标对齐。
.add-cohorts-button > a > i {
padding-top: 5px;
}
.add-cohorts-button > span {
padding-left: 8px;
/*any amount of bottom margin/padding doesn't work. Try it. Height didn't either */
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="col-xs-3 add-cohorts-button">
<a href="addcohort.form"><i class="fa fa-plus-square-o fa-2x" aria-hidden="true"></i>
<span>Hello from the other side </span></a>
</div>