Проблема, с которой я сталкиваюсь, исходит из верхней левой части с кнопками. По какой-то причине кажется, что у них есть маркер или что-то в них, из-за чего в нем есть пробел, а затем слово (дом, о и т.
<nav id = topnav>
<ul class = leftside>
<li>Home</li>
<li>About</li>
<li>Photos</li>
<li>Articles</li>
<li>Forum</li>
<li>Contact</li>
</ul>
<ul class = rightside>
<li><a href="https://facebook.com/" target="_blank"><img src="images/facebook.png"/></a></li>
<li><a href="https://twitter.com/" target="_blank"><img src="images/twitter.png" /></a></li>
<li><a href="https://instagram.com/" target="_blank"><img src="images/instagram.png" /></a></li>
<li><a href="https://youtube.com/" target="_blank"><img src="images/youtube.png"/></a></li>
</ul>
</nav>
и часть CSS:
#topnav {
clear: both;
}
#topnav .leftside li{
text-decoration: none;
color: black;
background-color: #DCCBCB;
box-shadow: 5px 5px 5px gray;
margin-bottom: 2px;
text-align: center;
display: inline; font-family: helvetica; font-size:16px; margin: 5px;
float: left;
padding-left: 2%;
margin: 0px 20px;
list-style: none;
}
#topnav .leftside li:hover {
background-color: #595454;
box-shadow: 5px 5px 5px gray;
border: none;
color: white;
}
#topnav .rightside li {
display: inline;
float: right;
padding-right: 2%;
}
list-style: none; padding:##px
в своем css и настройте отступы на то, что хотите. - person Phlume   schedule 29.07.2014