如何使div和鏈接內聯？

Question

我希望div和下面a元素以內聯方式顯示：

結果應該是：

這是： 鏈接1

但他們沒有工作。 非常感謝您的提示。

 .inline { float: right; display: block; } a.inline { float: right; } 

 <ul> <li> <div class="inline">Here is:</div> <a href="/someurl" class="inline">Link 1</a> </li> </ul> 

PS我使用twitter bootstrap作為css框架

Answer 1

display: inline將成功

 .inline{ display: inline; } 

 <li> <div class="inline">Here is: </div> <a href="/someurl" class="inline">Link 1</a> </li> 

Answer 2

刪除您的a.inline樣式並將您的CSS更改為：

.inline {
  display: inline-block;
}

Answer 3

我認為@ aer0答案是正確的，如果你加入

.inline{
  display: inline;
}

它應該工作。 嘗試打開瀏覽器樣式控制台，看看它是否被其他css規則覆蓋。

Answer 4

請添加div元素內的鏈接：

<div class="inline">
  Here is: <a href="/someurl" class="inline">Link 1</a>
</div>