CSS baggrundsfarve under tekst

du kunne lave en class

.sort_farve {
background-color:#333333;
}


<div class="sort_farve>

Her er din tekst

</div>

Hvis du syntes : og efterfølgende tekst står for tæt på hinanden, så kan du indsætte en   (non breaking space) som giver lidt afstand imellem, f.eks.
<p><span>Januar: </span>Fastelavn onsdag den 30.jan</p>

Grunden til at hele "boksen" får farve er fordi det er et block-element. Du kan enten tilføje en css-attrib: "display: inline;" eller smide et span-element inden i block-elementet og sætte baggrundsfarven på dette element.

<h2><span style="background: #ccc;">Masser af tekst...</span></h2>

eller

<h2 style="background: #ccc; display: inline;">Masser af tekst...</h2>

Første eksempel anbefales.

Eller med span

css:
span.navn {
color:red;
}

html:

<span class="navn">tekst</span>

Hej Per

Syntes jeg har prøvet det du forslår.

Men du kan lige se det html og css jeg har skrevet.

HTML:

<div class="indhold">
<div class="tekst-kalender">


<h2>2008</h2>


<p><span>Januar:</span>Fastelavn onsdag den 30.jan</p>
<p><span>Marts:</span>Overnatningsweekend den 9-10.marts <br />
Generalforsamling m. fællesspisning onsdag den 26.marts</p>
<p><span>Maj:</span>Landsdelsmesterskaber i Struer lørdag den 31.maj</p>
<p><span>Juni:</span>Sommerafslutning onsdag den 18.juni</p>
<p><span>Juli:</span>Unicon 2008 i København den 26/7-4/8. <a href="http://unicon14.dk/" title="Unicon 14 i København">Læs mere</a></p>

</div>

</div>

CSS:

div.tekst-kalender {
width: 636px;
position: absolute;
left: 174px;
top: 250;
font-family: Verdana, Arial, Helvetica, sans-serif;


}

div.tekst-kalender h2 {
background-color: #000000;
color: #9cc23b;
font-size: 18px; /*måske lidt stører*/
font-weight: normal;


}

div.sort {
background-color:#00CC33;

}

div.tekst-kalender p span {
background-color: #000000;
color: #e9aa1b;

}

div.tekst-kalender p {
margin-bottom: 22px;


}

OK jeg skal selvfølgelig sætte det ind som kode:

<p><span>Januar: </span>Fastelavn onsdag den 30.jan</p> 

GNU
Det første eksempel du nævner, er jo nøjagtig det som han gør med <p> i stedet

Hej

Har uploadet et billede så i kan se hvordan jeg gerne vil have det skal ser ud. http://www.ouk.dk/1

og her hvordan det ser ud nu.
http://ouk.dk/ouk/kalender.html

Håber der er nogen der ved hvordan jeg kan gøre det.

Hilsen Sigurd

PER RASMUSSEN

Så må han jo bare fortsætte med det han gør. Det er jo ikke forkert.

Udvid span til at dække hele teksten og brug evt br til at skifte linie