hr line in a div |
hr line in a div |
jjordan33 |
Apr 1 2019, 04:00 PM
Post
#1
|
Group: Members Posts: 9 Joined: 1-April 19 Member No.: 26,868 |
Hi,
I want to add a hr line into one of my css divs, and I can't seem to make it work. Can someone help me out please? CODE .topleft { position: absolute; top: -10px; left: 16px; color : #413839; padding-left: 150px; font-family: "Andale Mono"; hr { width:100%; height: 1px; background: #fff } } |
Christian J |
Apr 1 2019, 04:45 PM
Post
#2
|
. Group: WDG Moderators Posts: 9,661 Joined: 10-August 06 Member No.: 7 |
You can create a line using the CSS "border" property on the DIV element, e.g. like this:
CODE div {border-bottom: 1px solid red;} In contrast, HR is an HTML element, and as such it must be placed where you want it to appear in the HTML structure: CODE <div> foo <hr> bar </div> |
pandy |
Apr 1 2019, 08:30 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,732 Joined: 9-August 06 Member No.: 6 |
Did you remember to add the HR to the HTML?
|
jjordan33 |
Apr 2 2019, 05:22 PM
Post
#4
|
Group: Members Posts: 9 Joined: 1-April 19 Member No.: 26,868 |
|
pandy |
Apr 2 2019, 06:37 PM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,732 Joined: 9-August 06 Member No.: 6 |
I'm psychic!
|
Lo-Fi Version | Time is now: 26th April 2024 - 08:00 PM |