CSS (Icon og Tekst på samme linje?) Problem!

[Finnduz]

Heisann, sitter og leker meg litt med CSS og HTML men det begynner og bli en stund siden sist. Så, jeg bare lurte på hvordan jeg skal utføre dette.

 

Jeg har en div med tekst inni samt et icon og tekst etter iconet. Men, når jeg legger inn iconet blir det dyttet ned i en ny linje under iconet.

 

Bilde av hva som skjer,

 

HTML:
<div id="container">
<div id="top">
<p class="standar_text">Velkommen tilbake Skolisse </p> <p class="icon_mail"> </p>
</div> <!-- End Top -->
</div> <!-- End Container -->

 

CSS:
body {
background-image: url(bg.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
background-color: #2c3033;
}

.standar_text {
color: #FFFFFF;
font-family: Tahoma;
font-size: 12px;
padding: 0px;
margin: 0px;
}

.icon_mail {
background-image: url(img/no_mail.png);
background-repeat: no-repeat;
height: 16px;
padding: 0px;
margin: 0px;
padding-left: 20px;
}

#container {
width: 954px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#container #top {
width: 954px;
padding: 0px;
margin: 0px;
}

 

Som dere ser, hvordan får jeg alt på en linje? Takker så mye for hjelpen.

[lefsaker]

.standar_text {
color: #FFFFFF;
font-family: Tahoma;
font-size: 12px;
padding: 0px;
margin: 0px;
float: left;
}

[Finnduz]

Takk for hjelpen, men, er det mulig og få teksten/iconet til å oppføre seg som en "boks" slik at iconet ikke blir dratt helt tilbake men holder seg vedsiden av teksten?

 

Dette skjer nå,

 

Mulig og få dette til uten og lage en ekstra div f.eks? Håper noen forstår problemstillingen.

[Garanti]

Å bruke <p> blir feil, <p> står for paragraph, og er et blokkelement. bytt ut <p> med <span>

[Finnduz]

Takker <span> fungerte utmerket.