, wie der Text in der Mitte machen

Question

hallo i wie in diesem Beispiel machen werde, die ich von www.xxxxxx.com bekommen

http://s1172.photobucket.com/albums/r568/novikoraharja/?action=view&current=justanimage.png

ich auch wollte, dass lernen, so können Sie mir helfen?

<div class="panjang"> 
    <ul> 

     <li class="bungkus"> 

      <div class="kiri"><img src="http://i1172.photobucket.com/albums/r568/novikoraharja/3.jpg"/> </div> 
      <div class="kanan">Very loooooong </div> 
     </li> 

     <li class="bungkus"> 
      <div class="kiri"><img src="http://i1172.photobucket.com/albums/r568/novikoraharja/3.jpg"/></div> 
      <div class="kanan">Very loooooong text sooo lonngg </div> 
     </li> 

    </ul> 
</div> 

hier der Stil

.panjang{width:400px;height;100px;} 

.bungkus{width:200px; height:50px; background:yellow;} 
.bungkus img { width:60px; height:40px; margin:5px 10px;} 

.kiri { float:left; background:red; width:80px; height:50px; } 
.kanan{vertical-align:middle; background:cyan; float:left;width:120px;height:50px;font-size:12px;vertical-align:middle; 
} 

hier meine Werke http://jsfiddle.net/76E4w/11/

i bereits Line-align hinzufügen: Mitte; oder Linienstärke aber nicht arbeiten;

Answer 1

See working jsFiddle here:

hinzufügen display: table; zu .bungkus einzustellen.

Entfernen Sie float: left; von .kanan.

Fügen Sie display: table-cell; zu .kanan hinzu.

Answer 2

Wenn Sie eine Webseite tun es finden, wie Sie möchten, ist die einfachste Sache firefox mit firebug und zu schauen, welche CSS gilt zu laufen.

Zentrierung könnte auf verschiedene Arten erfolgen. ist

text-align: center 

Ein anderer Ansatz ist rechts/links-Marge auf Auto

margin: 0 auto;