使用其他元素内联列表

Question

我想要完成的是有一个内联另一个元素的列表，但是元素位于最右边，位于容器的末尾。

这样的事情：

我使用的是Bootstrap 3.但是如果我能用CSS做的话，我更喜欢它。我也尝试使用内联方法将其内联，但文本仍然在列表中，我不知道如何在不触及边距的情况下移动它。向左和向右浮动使文本爬到顶部，这不是我需要的。

你们知道我能做到的最好的方法是什么吗？

这是我的代码大纲：

＆＃13;

＆＃13;

ul {
  list-style: none;
  padding: 0;
}

＆＃13;

<div class="col-md-6">
  <ul>
    <li>List</li>
    <li>List</li>
    <li>List</li>
  </ul>
  <p>Text</p>
</div>

＆＃13;

＆＃13;

＆＃13;

谢谢！

Answer 1

您可以将所有内容放入包含UL和P元素的容器中。 .someContainer位置将设置为relative，然后将position:absolute分配给p元素，并将bottom和right分配给0。

ul {
  list-style: none;
  padding: 0;
}
.someContainer {position:relative;border:1px solid #ff0000;}
.someContainer p {right:0;bottom:0;position:absolute;}

<div class="col-md-6">
  <div class="someContainer">
    <ul>
      <li>List</li>
      <li>List</li>
      <li>List</li>
    </ul>
    <p>Text</p>
  </div>
</div>