在電話圖像旁邊的錨標簽中顯示電話鏈接，在信封圖像旁邊顯示電子郵件鏈接
[英]to show the telephone link in an anchor tag just beside of its phone image and Email link just beside of envelop image
問題描述
我試圖在其 fa fa-phone 電話圖像旁邊的錨標簽中顯示電話號碼鏈接，而在信封圖像旁邊顯示電子郵件鏈接。 但不起作用我下面給出的代碼，我想顯示電話和電子郵件的鏈接應該顯示在圖像的左側和左側
<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> <i class="fa fa-phone" style="color:#fff;"></i> <a href="tel:4324434" style="font-size: 1.5rem; text-decoration: none">32424324</a> </div> <div class="col-sm-2 col-md-2" text-right> <i class="fa fa-envelope" style="color:#fff;"></i> <a href="ppp@gmail.com" style="font-size: 1.3rem; text-decoration: none">ppp@gmail.com</a> </div>1 個解決方案
解決方案1
0 2019-12-16 09:16:07
您需要在錨標記中添加 (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>
將文字放在html中圖片旁邊的頂部
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.