Formatierungen in einer Zeile.

[LX]

Bisher löse ich das wie im folgenden Beispiel:

<p>

Name1 <FONT color="#777777">| Beschreibung1</FONT><br>
Name2 <FONT color="#777777">| Beschreibung2</FONT><br>
Name3 <FONT color="#777777">| Beschreibung3</FONT><br>
</p>

  
Dieser Code ist nicht semantisch und hat auch mit CSS nichts zu tun. Der Inhalt entspricht derzeit einer Definitionsliste (dl). Nutze diese, gebe ihr eine ID oder Klasse und formatiere die entsprechenden Elemente mit CSS:  
  
~~~html
<dl class="dlist">  
<dt>Name1</dt><dd>| Beschreibung1</dd>  
<dt>Name2</dt><dd>| Beschreibung2</dd>  
<dt>Name3</dt><dd>| Beschreibung3</dd>  
</dl>

.dlist dt, .dlist dd { display: inline; }  
.dlist dd { color: #777777; }

Gruß, LX