Thes: Div + width

Beitrag lesen

Hallo,

ich verzweifle gerade an einem CSS-Layout.
Ich moechte untereinander mehrere Icons mit Texten anlegen:

<icon>   <Text>
<icon>   <Text>
<icon>   <Text>
<icon>   <Text>

..wobei der Abstand zwische beiden Elementen stets der
gleiche sein soll.

Folgendes habe ich ausprobiert - warum wird die Width-Angabe
nicht beachtet?

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
  
<HTML>  
<HEAD>  
<TITLE>css</TITLE>  
  
 <style type="text/css">  

  
.ContextMenu  
{  
 border:black 1px solid;  
 width:220px;  
 /*white-space:nowrap;*/  
}  
  
.ContextMenuItemLeft  
{  
 display:inline;  
 width:40px;  
 border:red 1px solid;  
}  
  
.ContextMenuItemRight  
{  
 display:inline;  
 width:180px;  
 border:green 1px solid;  
}  
  

  
</style>  
  
</HEAD>  
  
<BODY>  
  
 <DIV class="ContextMenu">  
  
  <DIV class="ContextMenuItemLeft"> <img> </DIV>  
  <DIV class="ContextMenuItemRight"> Mark All as Read </DIV>  
  <br>  
  <DIV class="ContextMenuItemLeft"> <img2> </DIV>  
  <DIV class="ContextMenuItemRight"> Deny everything </DIV>  
  
 </DIV>  
  
</BODY>  
</HTML>  

Danke & Gruesse
Thes