This is an experiment that creates social media icons using CSS and semantic HTML. It uses progressive enhancement to turn an unordered list of text links into a set of icons without the use of images or JavaScript. The CSS file used in the demo page is commented to explain what is going on. See the demo: Pure CSS social media icons The image below shows you the final appearance in modern browsers