---
title: "En <h2> i en <p> och det blir knas?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/147386-en-h2-i-en-p-och-det-blir-knas"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Gardell"
published: "2006-05-27T18:33:07.000Z"
updated: "2006-05-27T19:23:29.000Z"
replies: 5
views: 332
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/147386-en-h2-i-en-p-och-det-blir-knas"
---

# En <h2> i en <p> och det blir knas?

## #1 — Gardell, 2006-05-27T18:33Z

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?

Permalänk: https://www.webforum.nu/p/147386

## #2 — caya, 2006-05-27T18:44Z

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;
}
```

Permalänk: https://www.webforum.nu/p/1820976

## #3 — Gardell, 2006-05-27T19:00Z

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..

Permalänk: https://www.webforum.nu/p/1820979

## #4 — caya, 2006-05-27T19:05Z

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>
```

Permalänk: https://www.webforum.nu/p/1820981

## #5 — Gardell, 2006-05-27T19:17Z

Ah, det funkar fint! :) Tack!

Permalänk: https://www.webforum.nu/p/1820983

## #6 — caya, 2006-05-27T19:23Z

varsågod :)

Permalänk: https://www.webforum.nu/p/1820984

---

Tråden på webben: https://www.webforum.nu/amne/html-css/147386-en-h2-i-en-p-och-det-blir-knas