Footer code wonky
- Thread starter OBXKH
- Start date
- Joined
- Nov 13, 2020
- Messages
- 302
- Reaction score
- 38
Make it an unnumbered list and style it like any horizontal menu:
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- <link rel="stylesheet" href="styles.css"> -->
<style>
.foot ul{
display: inline-block;
list-style: none;
}
.foot ul li{
float:left;
}
.foot ul li a{
display: block;
padding: 15px;
}
</style>
<title>freeCodeCamp Survey Form</title>
</head>
<body>
<div class="foot">
<ul>
<li><a href="#"><img src="ICONS/black_(17).png" alt="media"></a></li>
<li><a href="#"><img src="ICONS/black_(20).png" alt="media"></a></li>
<li><a href="#"><img src="ICONS/black_(14).png" alt="media"></a></li>
<li><a href="#"><img src="ICONS/black_(23).png" alt="media"></a></li>
<li><a href="#"><img src="ICONS/black_(12).png" alt="media"></a></li>
<li><a href="#"><img src="ICONS/black_(83).png" alt="media"></a></li>
<li><a href="#"><img src="ICONS/black_(19).png" alt="media"></a></li>
</ul>
</div>
</body>
</html>- Joined
- Jul 12, 2020
- Messages
- 89
- Reaction score
- 9
remove the list tags: <ul> and <li>