HTML and CSS Reference
In-Depth Information
After adding the icons into the HTML code, save
and check your results. The HTML code:
<p class=”post-data”>
<a href=”#” title=”#”><span class=”ico ico-date”></span>[..]</a>
<a href=”#” title=”#”><span class=”ico ico-tags”></span>[..]</a>
<a href=”#” title=”#”><span class=”ico ico-comments”></span>[..]</a>
</p>
Refresh your page and you should have something
like this displayed in your browser:
If that's what being shown for you, perfect.
The icons are being shown correctly, but you need
to align them and add the space between the icon
and anchor text.
