5 svar · 327 visningar · startad av Gardell
Hej!
Jag tänkte mig att ha en <h2> i en <p> med lite stil på.
h2 {
font-size:20px;
padding:0;
margin:0;
}
p {
padding:15px;
background-color:#fafafa;
}
Typ sådär. Men när jag lägger in <h2>Rubrik</h2> i denna <p>-tagg så försvinner all padding och färg? Dessa ligger i en div... Hur kan jag lösa det?
genom att inte lägga <h2> i en <p>
<h2> är rubrik storlek 2, <p> är stycke. ett stycke har en rubrik över sig, inte i sig.
gör såhär istället
<div id="divv">
<h2>Rubrik</h2>
<p>text text text text</p>
</div>
#divv {
padding:15px;
background-color:#fafafa;
}
h2 {
font-size:20px;
padding:0;
margin:0;
}
p {
font-size:11px;
}
Tack för svaret! Ah, då var det som jag tänkte. Hmm. Kan jag använda nåt annat än <p> i div:en då tro? Tanken var ju så att varannat block skulle vara vitt och det andra grått..
hmm prova denna
ul {
list-style:none;
}
li {
display:block; padding:15px;
}
.odd { background-color:#fafafa; }
.even { background-color:#fff; }
<ul>
<li class="odd">text text text</li>
<li class="even">text text text</li>
<li class="odd">text text text</li>
<li class="even">text text text</li>
</ul>
Ah, det funkar fint! :) Tack!
varsågod :)