Html 将电话链接显示在其电话图像旁边的锚定标记中，并将电子邮件链接显示在信封图像旁边_Html_Visual Studio Code

Html 将电话链接显示在其电话图像旁边的锚定标记中，并将电子邮件链接显示在信封图像旁边

html visual-studio-code

Html 将电话链接显示在其电话图像旁边的锚定标记中，并将电子邮件链接显示在信封图像旁边,html,visual-studio-code,Html,Visual Studio Code,我试图显示一个锚标签的电话号码链接旁边的fa-fa电话图像和电子邮件链接旁边的信封图像。但不工作我下面给出的代码，我想显示链接到手机和电子邮件应该显示在靠近和左侧的图像我的公司您需要在锚定标记中添加（i）请尝试以下代码： <!DOCTYPE html> <html> <head> <title>Font Awesome Icons</title> <meta name="viewport"

我试图显示一个锚标签的电话号码链接旁边的fa-fa电话图像和电子邮件链接旁边的信封图像。但不工作我下面给出的代码，我想显示链接到手机和电子邮件应该显示在靠近和左侧的图像


我的公司

您需要在锚定标记中添加（i）

请尝试以下代码：

<!DOCTYPE html>
<html>
   <head>
      <title>Font Awesome Icons</title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   </head>
   <body>
      <div class="col-sm-6 col-md-6 text-center text-white">
         <font color="white">
            <h4>My Company Ltd</h4>
         </font>
      </div>
      <div class="col-sm-2 col-md-2" text-right>

         <a href="tel:4324434" style="font-size: 1.5rem; text-decoration: none"><i class="fa fa-phone" style="color:red;"></i> 32424324</a>
      </div>
      <div class="col-sm-2 col-md-2" text-right>

         <a href="ppp@gmail.com" style="font-size: 1.3rem; text-decoration: none"> <i class="fa fa-envelope" style="color:red;"></i> ppp@gmail.com</a>
      </div>
   </body>
</html>


字体很棒的图标
我的公司