Christoph Zurnieden: text-indent aber umgekehrt

Beitrag lesen

Hi,

bevor sich jetzt die "Lösung" mit dem text-indent noch durchsetzt weil im Archiv gefunden:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
<title>Definitionsliste mit CSS formatieren</title>  
<style type="text/css">  
dl {  
    /* Angaben für die gesamte Liste */  
    /*border: 1px solid red;*/  
    line-height: 2ex;  
   }  
dt {  
    /* Angaben für den Definitionsterm */  
    /*border: 1px solid blue;*/  
    line-height: 2ex;  
    font-weight:bold;  
    margin-top:2ex;  
   }  
dd {  
    /* Angaben für die Definition */  
    /*border: 1px solid green;*/  
    line-height: 2ex;  
    margin-top: -2ex;  
    margin-left: 6em;  
   }  
</style>  
</head>  
<p>  
Ein Paragraph zwecks Klammerung.  
</p>  
<dl>  
<dt>Foo</dt>  
<dd>  
Ein Foo ist eine Dingens, welches per Dingens  
ausgedingst wird. Deshalb sind Dingen nicht  
zur Zusammenarbeit mit Dingern zu bewegen  
</dd>  
<dt>Bar</dt>  
<dd>  
Ein Bar ist entweder der zweite Teil von -> Foo  
oder eines der berühmten Dinger.  
</dd>  
</dl>  
<p>  
Ein zweiter Paragraph zwecks Klammerung  
</p>  
  
</html>  

Ja, _so_ einfach ist das wirklich ;-)
(nicht getestet mit dem IE, ich glaube da braucht es noch etwas mehr.)

so short

Christoph Zurnieden