I need to adjust my example code so that there is more space at the top of the second row, without splitting them into two rows. Is there a way to add padding to the top of each div for better alignment?
Here's the code I've been working with, and you can also view it on jsfiddle
HTML:
<div class="container">
<div class="item red">TEXT</div>
<div class="item red">TEXT</div>
<div class="item red">TEXT</div>
...
</div>
CSS:
.container{
width:500px;
}
.item{
width:90px;
height:20px;
display:inline;
margin-right:10px;
padding-top:15px;
}
.red{
background-color:#B222222;
}