Textausrichtung im <div> Element

[Bianca S.]

Guten Morgen,

Wiki und Suchfunktion haben mich leider nicht zum Ziel geführt.
Ich möchte in HTML-Dokumenten (Doktype ist 4.01 Transistional) den Inhalt eines <div>-Elementes ändern. Bisher dienten die <div>-Elemente als "Container" für Bilder.

So sah das dann aus:

<div id="topic_left" style="position:absolute; left:20px; top:188px; width:106px; height:250px; z-index:5">
<a name="events"><img src="images/veranstaltungen.gif" width="106" height="250" name="veranstaltungen" alt="Beispieltext"></a>
</div>

In diesen </div> Elementen sollen die Bilder nun durch <h2> Überschriften - also Text - ERSETZT werden. Diese sollen in den vorhandenen <div>-Elementen um 90° gedreht (das klappt) - und dann vertial und horizontal zentriert werden, also im <div>-Element genau mittig ausgerichtet sein (das klappt nicht!).

Meine Vorgehensweise:

Snip HTML:

<div id="topic_left" style="position:absolute; left:20px; top:188px; width:106px; height:250px; z-index:5">
<h2>Veranstaltungen</h2>
</div> 

Snip CSS:

h2 
{
	font-family: arizona, arial, verdana;
	font-size: 18px;
	transform: rotate(-90deg);
	text-align: center;
	vertical-align: middle;
	color: #670000;
}

Muss für einen Kollegen einspringen, der diese Dokumentation (keine Webseite) bei uns pflegt und längere Zeit ausfällt. Würde mich über einen Tipp freuen.

LG Bianca