右邊框移到底線

Question

http://jsfiddle.net/W9LXd/

我想#araclar下div來有它的右邊框住在同一條線上。我怎樣才能防止它轉移？

CSS：

#düzenleyici{ 
     border: 1px solid #000; 
     width: 600px; 
     height: 300px; 
     box-shadow: 1px 1px 4px #000; 
    } 
    #araclar{ 
     width:auto; 
     height:50px; 
     background:#EEEEEE; 
     display:block; 
     padding:5px 15px 5px 15px; 
     border-bottom:1px solid #000; 
    } 
    #araclar>div{ 
    padding:0 5px 0 5px; 
    display:inline; 
    border:1px solid #000; 
    } 

HTML：

<div id="düzenleyici"> 
    <div id="araclar"> 
     <div> 
      Renk 
     <div> 
    </div> 
</div> 

Answer 1

變化display: inline;到display: inline-block;

Answer 2

用途：http://jsfiddle.net/W9LXd/1/

display: inline-block代替顯示器直插式的

或給出一個特定的寬度。

Answer 3

IMO有一個與你的CSS沒有問題

你的HTML格式不正確，請關閉內最div - 已對其設置display:inline

<div id="düzenleyici"> 
    <div id="araclar"> 
     <div> 
      Renk 
     </div> <!-- yOU have not closed the tag here --> 
    </div> 
</div> 

FIDDLE