CSS und HTML-Auszeichnung von Überschriften

[Robert R.]

Liebe Mitdenker,
liebe Wissende,
liebe Neugierige,

ja!

wie ist es richtig™?

Wie zeichnet man die Bereiche aus? In einer mehrsprachigen Seite (zwei Sprachen werden immer gleichzeitig angezeigt) habe ich bisher

  
  
		<div id="content" class="center">  
  
			<h1 lang="it">Caffè e Cacao</h1>  
			<p lang="de">Kaffee und Kakao</p>  
	  
			<div lang="it">{description later}</div>  
			<div lang="de">{description later}</div>  
  
			<p lang="it">Caffè</p>  
			<p>Espresso</p>  
			<p>Cappuccino</p>  
			<p>Latte macchiato</p>  
			<p>&nbsp;</p>  
			<p lang="it">Latte con cacao</p>  
  
		</div>  
  

Aber eignetlich isr  "<p lang="de">Kaffee und Kakao</p>" doch auch eine Überschrift, auch wenn es nur die zeitweilige Überetzung darstellt.

Wie mach ich das dann mit dem CSS, dass die erste Überschrift mit dem Nachfolder der Übersetzung darunter keinen Margin macht? Kann man das abhängig machen vom Nachfolger?

Also wenn auf Überschrift {h1[lang]} ein Nachfolger kommt mit {h1[lang]}, dann soll die erste keinen Margin-Bottom machen und die Zweite keinen Margin-Top usw. Vielleicht kommen ja auch mal drei Sprachen gleichzeitig zur Anzeige.

Spirituelle Grüße
Euer Robert