I’m having a problem trying to get my text on my navigation sidebar to look right. For every word it had a big space in between even if its the same link.
body {
width:960px;
margin:0 auto;
background-color:#0D1126;
color:#0D1126;
}
section {
padding:1em;
margin-top:1em;
margin-bottom:1em;
text-align:center;
}
#wrapper {
background-color:#94E9F2;
}
header {
background-color:#76D9AE;
color :#0D1126;
text-align:center;
padding:5px;
}
footer {
background-color:#76D9AE;
color:#0D1126;
padding:5px;
clear:both;
}
nav {
line-height:118px;
background-color:#87A6A2;
width:20%;
margin:0;
float:left;
}
h1, h2 {
font-family: 'Indie Flower', cursive;
}
.maincontent {
margin-left:auto;
margin-right:auto;
display:block;
width:80%;
}
section{
width:46%;
float:left;
padding:2%;
}
ul {
list-style-type:none;
padding:0;
margin:0;
width:4px;
}
li a {
display:inline;
text-decoration:none;
letter-spacing:normal;
word-break:normal;
}
nav li{
display:inline;
width:10px;
}
nav a:link{
color:#0D1126;
text-decoration:none;
}
nav a:visited {
color:#76D9AE;
text-decoration:underline;
}
nav a:hover, nav a:active nav a:focus {
color:#94E9F2;
text-decoration:none;
}
a:link {
color:#76D9AE;
text-decoration:none;
}
a:visited {
color:#9E948D;
text-decoration:none;
}
a:hover, a:active, a:focus {
color:#9E948D;
text-decoration:none;
}
.center {
margin-left:auto;
margin-right:auto;
width:25%;
}
.fblogo {
display: inline-block;
margin-left: auto;
margin-right: auto;
height: 30px;
}
.images{
text-align:center;
}