html - 如何使 div 和链接内联？

Question

我希望下面的 div 和 a 元素内嵌显示:

结果应该是这样的:

Here is: 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>

附言我正在使用 twitter bootstrap 作为 css 框架

Answer 1

删除您的 a.inline 样式并将您的 css 更改为:

.inline {
  display: inline-block;
}