[英]Why is the font awesome showing up three times?
<div class="Contact-form">
<div id= "form-area" class="sadaka-form">
<h2>CONTACT FORM</h2>
<input type="text" name="Name" placeholder="Name*">
<input type="email" name="email" placeholder="E-mail*" >
<textarea name="message" placeholder="Message*" cols="30" rows="10"></textarea>
<button class= "form-control">Send message</button>
</div>
<div id= "contact-area" class="sadaka-contacts">
<h3>SADAKA CONTACTS</h3>
<p>Sadaka ipsum dolor sit amet, consectetur adipiscing elit. Ut at eros rutrum turpis viverra elementum semper quis ex. Donec lorem nulla .</p>
<ul>
<li><span><i class="fa fa-map-marker"></span></li>
<li><span><i class="fa fa-phone"></span></li>
<li><span><i class="fa fa-envelope"></span></li>
</ul>
</div>
</div>
my problem is that the font awesome icon is showing up three times. 我的问题是字体真棒图标显示了三遍。 i dont know where am i doing wrong ?
我不知道我在哪里做错了? i have included the link to the error screenshot as well.
我也包括了错误屏幕截图的链接。
The correct way to use FontAwesome icons is: <i class="fas fa-map-marker"></i>
(look at the final </i>
tag). 使用FontAwesome图标的正确方法是:
<i class="fas fa-map-marker"></i>
(查看最后的</i>
标签)。
In your case: 在您的情况下:
<li><span><i class="fa fa-map-marker"></i></span></li>
<li><span><i class="fa fa-phone"></i></span></li>
<li><span><i class="fa fa-envelope"></i></span></li>
The i
tag should be closed. i
标签应关闭。
<ul>
<li><span><i class="fa fa-map-marker"></i></span></li>
<li><span><i class="fa fa-phone"></i></span></li>
<li><span><i class="fa fa-envelope"></i></span></li>
</ul>
The i
tag is not an empty html tag nor a solidus tag and hence needs a closing tag i
标签不是一个空的html标签也不是一个固相线标签 ,因此需要一个结束标签
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.