如何内联div和链接？

Question

我希望下面的div和a元素以内联方式显示：

结果应该是：

  

以下是：Link 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>

P.S。我正在使用 twitter bootstrap 作为css框架

Answer 1

display: inline会做到这一点

＆＃13;

＆＃13;

.inline{
  display: inline;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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>