Creating Hexagons In Css / Html

Im trying to make a couple of hexagons in css /html to resemble something like this: http://www.asta-uk.com/sites/all/themes/asta/logo.png now i have made one hexagon, and tried t

Solution 1:

Remove your comment from the css

like <!-- Second Hex--> and <!--hex 3--> they are buggy.

These comments are meant to be in HTML only not for css

for css use this syntax --> /* A comment */

Solution 2:

You have typo in width:50; Add px so it should be width:50px; for .top, .top2, .top3