Div 包含<img>并<p>像链接一样格式化

如下所示，我在一个div中有3个链接，类为"nav"，然后在一个div中有4个div，类为"contact-info"，每个div包含一个图像和一些文本。

现在，由于某种原因，我不能弄清楚，我的div在"contact-info"里面被下划线，当点击时变成红色，好像他们本来是一个链接。这是在没有添加任何css的情况下。

如果有人能看看我的剧本，告诉我我做错了什么，我将非常感激。

<!DOCKTYPE html>    
<html>
    <head>
    </head>
    <body>
        <div class="nav">
            <ul>
                <li><a href="#">Log In</li>
                <li><a href="#">Sign Up</li>
                <li><a href="#">Contact Us</li>
            </ul>   
        </div>
        <div class="contact-info">
                <div class="home">
                    <img id="home" src="imageshome.png"/>
                    <p>Company Name<br></br>Company Address<br></br>City, State Zip</p>
                </div>
                <div class="phone">
                    <img id="phone" src="imagestelephone.png"/>
                    <p>Phone Number</p>
                </div>
                <div class="fax">
                    <img id="fax" src="imagesfax.png"/>
                    <p>Fax Number</p>
                </div>
                <div class="email">
                    <img id="email" src="imagesemail.png"/>
                    <p>Email Address</p>    
                </div>
        </div>
    </body>
</html>

你需要像这样关闭链接标签

<li><a href="#">Log In></a></li>
<li><a href="#">Sign Up></a></li>
<li><a href="#">Contact Us</a></li>

希望这对你有帮助:)另外，我刚刚又看了一下代码，没有必要关闭break标签，只需要

<p>Company Name<br>Company Address<br>City, State Zip</p>

单独使用是可以的，但我不认为它有什么区别:)

相关内容

最新更新

热门标签：