I am trying to build my website. 1. I am trying to create link in vertical direction in middle of my page; A,B,C,D however it is not working as a link, it works like a paragraph.
I want to make A,B,C,D to have spaces in between them.
Is there a way to make A,B,C,D links covered in circle?
/* navigation */
.navig {
float: left;
margin-top: 150px;
}
.navig a{
text-decoration: none;
color:black;
}
.navig a:hover{
}
.navig li{
list-style-type: none;
position: fixed;
padding-top: 50x;
line-height: 40px;
}
<div class="container">
<nav class="navig">
<ul>
<li><a href="http://google.com">A</a></li>
<li><a href="http://google.com">B</a></li>
<li><a href="http://google.com">C</a></li>
<li><a href="http://google.com">D</a></li>
</ul>
</nav>