HTML and CSS Reference
In-Depth Information
Use the same approach with the
display:inline-block;
property to align the icons along the text. Maybe
add a
position:relative;
to make a more perfect
alignment (when that's needed).
Have a look below:
#blog div.article p.post-data a span.ico {
display:inline-block;
margin:0 5px 0 0;
position:relative;
top:2px;
}
The space between the icon and the text inside the
link is done and working, but you also need to apply
a space between the links (e.g.
date - tags - responses
).
A
margin:0 20px 0 0;
would do:
#blog div.article p.post-data a {
margin:0 20px 0 0;
text-decoration:none;
color:#aaa;
}