What could be the reason for 'Maroon 5' moving down to a second line? Despite adding extra characters and testing with an integer, the issue persists.
<ul id="soundsLike">
<li>Foo Fighters</li>
<li>Maroon 5</li>
<li>Paramore</li>
<li>Jimmy Eat World</li>
<li>none of these</li>
</ul>
CSS
#soundsLike {
list-style: none;
margin:0px;
padding:0px;
}
#soundsLike li {
display: inline-block;
padding:3px 5px;
background:#57A957;
text-align: center;
color:#000;
font-size:80%;
line-height:14px;
}