Почему шрифт потрясающий, появляется три раза? - PullRequest
Новая
       5

Почему шрифт потрясающий, появляется три раза?

0 голосов
/ 10 сентября 2018 
<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>

моя проблема в том, что значок шрифта удивительный появляется три раза.я не знаю, где я делаю неправильно?Я также включил ссылку на скриншот ошибки.

Вот изображение enter image description here

Ответы [ 2 ]

0 голосов
/ 10 сентября 2018

Тег 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>

Тег i - это , а не , пустой тег html или solidusтег и, следовательно, нуждается в закрывающем теге

0 голосов
/ 10 сентября 2018

Правильный способ использования значков FontAwesome: <i class="fas fa-map-marker"></i> (посмотрите на окончательный тег </i>).

В вашем случае: 

<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>
...