I'm facing an issue with my .container where the padding is not displaying correctly. I've tried various methods but the padding just won't work as expected.
CSS:
nav{
border-style: solid;
border-color: green;
float: left;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
height: 70vh;
}
ul{
padding:0px;
list-style-type:none;
}
.container{
border-top: solid;
border-right: solid;
border-bottom: solid;
border-color: green;
padding-left: 10px;
width: 97vw;
height: 70vh;
}
HTML:
<article>
<nav>
<ul style="list-style-type:none;">
<li><strike>home</strike></li>
<li><a href="portfolio.php">portfolio</a></li>
<li><a href="portfolio.php">dsdfsdfs</a></li>
</ul>
</nav>
<div class="container"></div>
</article>
Regardless of what value I assign to the padding-left property, the padding always stays the same.