Positionierung Textfluss

[cb1982]

Hallo zusammen,

ich falle mal gleich mit der Tür ins Haus.
Folgendes habe ich auf einer Webseite zur Übersicht von Angeboten.

    <div class='angebot'>        
<?php 
echo"<img src='".$angebot['offer_path_prodimage_thumb']."'>";
echo"<h1>".$angebot['offer_prod_name']."</h1>";
?>
<ul>
<?php
 echo "<li>".$angebot['offer_prod_bp1']."</li>";
 echo "<li>".$angebot['offer_prod_bp2']."</li>";
 echo "<li>".$angebot['offer_prod_bp3']."</li>";
 ?>
 </ul>
..........
 </div> <!-- angebot-->

Jetzt ist es so, dass abhängig der Länge des Strings in <h1> der Platzbedarf Ein- oder Zweizeilig wird.

Ich möchte jetzt, dass der Platz zwischen <h1> und der <ul> immer so groß ist, dass zur Not auch zwei Zeilen rein passen. Da von diesen Elementen mehrere platziert sind sieht es jetzt etwas mies aus.
Gibt es einen anderen Weg als <h1> und <ul> in einen eigenen Container zu packen, der den Platz "reserviert"?

 

[Banana_Jones]

gib der <h1> eine feste Höhe.

Abgesehen davon halte ich persönlich es für semantisch korrekter, nur eine <h1> für den Seitentitel zu verwenden, und für weitere Unterüberschriften <h2> bis <h6> einzusetzen.