[英]Middle align text with Font Awesome icons
我想使用内联样式使文本与Font Awesome图标对齐。
但是,这不起作用。 有人可以帮忙吗?
<div>
<span style="font-size: 17px !important; font-family: 'Francois One', sans-serif; color: #000000;">Rent single videos for $1.00 with Credit Card, Bitcoin or PayPal</span>
<span class="fa fa-cc-mastercard fa-3x" style=" vertical-align: middle;"></span>
<span class="fa fa-cc-visa fa-3x" style=" vertical-align: middle;"></span>
<span class="fa fa-btc fa-3x" style=" vertical-align: middle;"></span>
<span class="fa fa-cc-paypal fa-3x" style=" vertical-align: middle;"></span>
</div>
为了使此工作有效,无论文本的字体大小如何,您都需要添加vertical-align: middle;
也是第一次跨度:
<div>
<span style="font-size: 17px !important; font-family: 'Francois One', sans-serif; color: #000000; vertical-align: middle;">Rent single videos for $1.00 with Credit Card, Bitcoin or PayPal</span>
<span class="fa fa-cc-mastercard fa-3x" style=" vertical-align: middle;"></span>
<span class="fa fa-cc-visa fa-3x" style=" vertical-align: middle;"></span>
<span class="fa fa-btc fa-3x" style=" vertical-align: middle;"></span>
<span class="fa fa-cc-paypal fa-3x" style=" vertical-align: middle;"></span>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.