如何讓文字在中心

Question

你好，我是做這樣的例子，我從www.xxxxxx.com

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

我想也瞭解到，所以你可以幫我？

<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> 

這裏的風格

.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; 
} 

這裏我的作品http://jsfiddle.net/76E4w/11/

我已經加線對齊：中間;或線重量但不工作;

Answer 1

See working jsFiddle here:

添加display: table;到.bungkus。

從.kanan刪除float: left;。

將display: table-cell;增加到.kanan。

Answer 2

當你發現一個網站做起來，只要你喜歡， 最簡單的辦法就是運行火狐與螢火 並尋找適用的CSS。

居中可以用不同的方式完成。 一個是

text-align: center 

的另一種方法是右/左頁邊距設置爲auto

margin: 0 auto;