The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › how to make two horizontal divider lines in css
im trying to emulate this…im not sure whether to just use a .jpeg of it or write it in css…ideas?
https://docs.google.com/document/d/1odQNG0vZYpsBeBggXlxvWXFq2pXq9SQmQeOCzd6NHp0/edit?usp=sharing
the lines are for text/image boxes. i need to do a single line w a drop shadow and for the footer i need to lines on top of each other but the top line needs to be thicker
[Here ya go](http://codepen.io/kbrec85/details/KtCld “”) Play around with that a bit until you like it.
[Here’s Chris’ article](https://css-tricks.com/simple-styles-for-horizontal-rules/ “”) on how all that stuff works
Just the usual -webkit etc for box-shadows etc…if required.
And the fiddle (http://jsfiddle.net/sxmFR/) works fine in my Chrome.