Vertikal senterjustering av tekst

[Gjest Slettet+6132]

Heisann, det er lenge siden jeg har postet her, men akkurat nå står jeg litt fast. Det har seg nemlig slik at jeg prøver å få sentrert noe tekst vertikalt i en div som også inneholder et bilde. Etter uendelig mye googling har jeg ikke kommet noe sted.

 

For å vise hva jeg mener, slik ser det ut nå:

 

 

Slik vil jeg at det skal bli:

 

 

Kode (det er forresten ikke jeg som har kodet akkurat denne delen med runde hjørner, så ikke klag på koden):

		<div class="infobox">
		<b class="info">
			<b class="info1"><b></b></b>
			<b class="info2"><b></b></b>
			<b class="info3"></b>
			<b class="info4"></b>
			<b class="info5"></b>

		</b>

		<div class="infofg">
			<img src="http://julenissen/db/img/32/status/dialog-warning.png" alt=""/> Empty searchstring, try again.
		</div>

		<b class="info">
			<b class="info5"></b>
			<b class="info4"></b>
			<b class="info3"></b>

			<b class="info2"><b></b></b>
			<b class="info1"><b></b></b>
		</b>
	</div>

 

Det burde jo ikke være så veldig vanskelig å få til, bildet vil alltid være 32x32px, så om det lages en wrap rundt teksten og så posisjonerer den? Noen forslag?

 

På forhånd takk

[Haraldson]

Sett bildet som bakgrunn i diven, posisjoner bakgrunnen, sett padding på så teksten ikke kommer over bildet, sett høyde og line-height lik høyden, på boksen.

 

Noe slikt:

<p class="warning">Empty searchstring, try again.</p>

p.warning {
color: #240000;
height: 50px;
line-height: 50px;
background: #FECE73 url(http://julenissen/db/img/32/status/dialog-warning.png) 8px 50% no-repeat;
padding: 0 0 0 50px;
}

[Gjest Slettet+6132]

Takk så mye, det gjor susen