Bild bzw. Text im CSS ansprechen

[myoddo]

Hallo,
möchte die Schrifteingabe (rechts neben dem Bild in der Liste)
Zentriert (mittig) zum Bild setzen.

<div class="list">
                    <ul>


                         <li><img src="logo/blume.gif" alt="" border="0" width="20" height="20">Text soll mittig rechts neben dem gif. stehen </li>
                         
                    </ul

Das Bild spreche ich im CSS so an

.list img {       margin-right: 5px;
                  margin-left: 15px;
                  margin-top: 15px;
                      }

Die Liste so.

.list li    {     margin-right: 5px;

                  margin-left: 15px;
                  margin-bottom: 5px;
                  margin-bottom: 3px;
         }

Kann ich auch den Text ansprechen?

Wie würdet ihr dies lösen?

Danke

 

[Kev95]

Gib dem Listenpunkt einfach Werte:

.list li {
   color: #FFF;
   font-size: 12px;
}

 

[Wustersoss]

und wenn du das zentriert haben willst aber lediglich den Text und nicht Bild mit Text zusammen, dann solltest du den Text in ein extra Element packen und diesem die Eigenschaft zentriert geben:

.list li  {    
    color: #FFF;    
    font-size: 12px;
   Line-height: 20px;
    }
.list li b {   
    text-align:center;
    }

<div class="list">
    <ul>
        <li><img src="logo/blume.gif" alt="" border="0" width="20" height="20"><b>Text soll mittig rechts neben dem gif. stehen <b></li>
    </ul

 

[threadi]

Ich glaube es ist die vertikale Ausrichtung von Text rechts neben dem Bild gemeint. In dem Fall wäre

li img { vertical-align: middle; }

passend.

 

[myoddo]

Hallo,
danke für eure Antworten

<b> habe ich gemacht. Kann es auch im CSS ansprechen. Habe die Farbe mal auf rot gesetzt. Den Befehl vertical-align: middle;
Möchte er nicht.

<div class="list">
                    <ul>
                     <li><img src="logo/blume.gif" alt="" border="0" width="20" height="20"><b>Test/ Du sollst mittig  zum Bild stehen<b></li>
                    </ul
      </div>

.list li b    {   vertical-align: middle;
                  color: red;
         }

 

[mermshaus]

Wenn du dir threadis Beitrag noch mal scharf anguckst, wirst du feststellen, dass dort nicht das b-Element formatiert wird, sondern das img-Element.

Edit: Du schließt das b-Element übrigens nicht korrekt.