如何顯示div元素在一行

Question

我在我的div元素一個問題，我不能讓他們在一條線：

<div> 
<table> 
    <tr> 
    <td>hellow world</td> 
    </tr> 
</table> 
<ul> 
    <li>hi world</li> 
</ul> 
</div> 

以上的UL所示的表，我想拖元素所示在一行中彼此相鄰。 我試着使用：

div 
{ 
    display:inline; 
} 

或：

div 
{ 
    display:block; 
} 

但沒有奏效。任何機構都可以幫助我呢？

Answer 1

如果您想要並排顯示table和ul，這些是您應該瞄準的兩個要素，而不是它們發生的容器要在。

如果它們是相同的高度，簡單地寫

table {float:left; margin-right:40px} 

會做的伎倆。 （您需要的保證金，因爲列表也與利潤率工作來展示子彈和子彈最終會在表內，如果你沒有提供了點。）

見fiddle

如果表要高，你也會有在事後收拾浮動，否則後續內容也可能最終表中的右邊：

div::after {content:''; display:block; clear:both} 

見updated fiddle

Answer 2

你可以申請display:inline-block，但關鍵是確保你把它應用到了正確的元素...

table, ul 
{ 
    display:inline-block; 
} 

Here is a working example

Answer 3

浮法內容：

div 
{ 
    float: left; 
} 

Answer 4

你可以只使用table,ul{display: inline-block;}demo

Answer 5

試試這個

<div> 
    <table style="float: left;"> 
     <tr> 
      <td width="100"> 
       hellow world 
      </td> 
     </tr> 
    </table> <ul> 
     <li>hi world</li> 
    </ul> 
</div>