Html 为什么我的链接在i元素中不起作用？

为什么我的链接不起作用

<section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <h2 class="section-heading">Let's Get In Touch!</h2>
                    <hr class="primary">
                    <p>Ready to turn your idea into reality? Let's work together! Send me an email or give me a ring, and I will get back to you as soon as possible!</p>
                </div>
                <div class="col-md-4 text-center">
                    <a href="mailto:erichoonpark@gmail.com"><i id="contact" class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i></a>
                    <p>Email</p>
                </div>
                <div class="col-md-4 text-center">
                    <a href="https://www.linkedin.com/pub/eric-park/30/19a/778"><i id="contact" class="fa fa-file-text-o fa-3x wow bounceIn" data-wow-delay=".1s"></i></a>
                    <p>LinkedIn</p>
                </div>
                <div class="col-md-4 text-center">
                    <a href="tel://+12135981088"><i id="contact" class="fa fa-phone fa-3x wow bounceIn"></i></a>
                    <p>213-598-1088</p>
                </div>
            </div>
        </div>
    </section>

---

我在github页面中有此部分可与我联系，但当我单击图标时。。。我收到一个404错误。我的html有什么问题

正如Fasoeu所说：你需要把文本放在标签之间，然后作为链接出现！不在下面

<section id="contact">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 text-center">
        <h2 class="section-heading">Let's Get In Touch!</h2>
        <hr class="primary">
        <p>Ready to turn your idea into reality? Let's work together! Send me an email or give me a ring, and I will get back to you as soon as possible!</p>
      </div>
      <div class="col-md-4 text-center">
        <a href="mailto:erichoonpark@gmail.com"><i id="contact" class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s">Email</i></a>
      </div>
      <div class="col-md-4 text-center">
        <a href="https://www.linkedin.com/pub/eric-park/30/19a/778"><i id="contact" class="fa fa-file-text-o fa-3x wow bounceIn" data-wow-delay=".1s">LinkedIn</i></a>
      </div>
      <div class="col-md-4 text-center">
        <a href="tel://+12135981088"><i id="contact" class="fa fa-phone fa-3x wow bounceIn">213-598-1088</i></a>
      </div>
    </div>
  </div>
</section>

---

现在，italic类的每个元素都将使用italic字体。

您的i标记是空的…@Fasoeu-他可能正在使用FontAwesome。对我来说效果很好，我想您有JavaScript或Css选项禁用某些内容，因为代码工作正常。你有JS要发布吗？

<a href="example.com" style="font-style: italic;">link-text</a>

<a href="example.com" class="italic">link-text</a>

.italic {
  font-style: italic;
}