Menu
Community /Pin to ProfileBookmark
@NogDogJul 21.2005 — #CSS:
HTML:
@NogDogJul 21.2005 — #I'll grant you that, but what if there's a <p>...</p> before the first <hr>, so that the <p> is the first-child of the containing element? Assuming I understand it correctly (possibly an incorrect assumption), then it wouldn't work, would it? @NogDogJul 21.2005 — #You can do the following if most HR's will look one way, a few (class) will look another way, and a specific one (ID) will look yet another way:
Defining Individual Elements
I need some help coding individual elements in CSS. If I wanted to have my first HR line to have no top margin and my second HR to have a top margin of 15px, how would I code that? Thank you.
Sign in
to post a comment15 Comments(s) ↴
0
@NogDogJul 21.2005 — #CSS:<i>
</i>hr#top {
margin-top: 0;
}
hr#bottom {
margin-top: 15px;
}
HTML:
<i>
</i><hr id="top">
.
.
.
<hr id="bottom">
0
@NogDogJul 21.2005 — #0
@NogDogJul 21.2005 — #You can do the following if most HR's will look one way, a few (class) will look another way, and a specific one (ID) will look yet another way:<i>
</i>.
.
.
<style type="text/css">
hr {
margin: 10px 20px;
}
hr.some {
margin-top: 15px;
}
hr#one {
margin-top: 0;
}
</style>
</head>
<body>
<hr id="one">
<hr>
<hr class="some">
<hr>
<hr class="some">
<hr>
.
.
.