how to make decorative horizontal line on page
Hello and thank you in advance for your assistance.
On this page … http://patriciahuntsman.com/?page_id=14 … you will see red lines between sets of info.
(http://patriciahuntsman.com/ on her Services page.)
I used the underline key which is clearly not correct so how can I improve this line in code and looks please?
In HTML editor, add this where you want line to appear:
And in your custom CSS, add
Another easy way:
Find a particularly decorative flourish (a good Google image search term), and then add it as an image wherever you would like the line to appear.
Yet another easy way:
In HTML editor, add
and in custom CSS, add
border-top: dotted 1px #f00;
border-bottom: solid 1px #f00;
I didn’t test that last one, but it should work.Mod
I’m not entirely sure how “proper” that last one is. If valid code is a big concern of yours, you might want to run it through a validator.
Also, I missed a period in that second rule. I’ve corrected it now. But if you copied and pasted and it doesn’t work, check for a missing period.Mod
- You must be logged in to reply to this topic.