html - 如何在<div>中右对齐超链接？

我需要在

中右对齐超链接，但是我可以使它向右移动的唯一方法是使用

标记。这会将超链接置于新行而不是同一行。

如何在同一行上得到它，并给出一些间距？现在看起来像是句句子

     <div>
         <label class="control-label" for="ddlProfile">Profile:</label>
          <input type="text" data-ng-model="viewModel.Name" class="form-control"  />
          <button >New</button>
          <button >Edit</button>
          <p style="text-align:right; display:block; margin:auto"><a href="https://www.w3schools.com" >Open New Form</a>
          <a href="https://www.w3schools.com">Display Detail</a></p>
     </div>

最佳答案

您可以为此使用flexbox。将内容分为两部分-一部分在左侧，而另一部分在右侧。然后使用margin根据需要放置右侧。

.flex {
  display: flex;
}

.right {
  margin-left: auto;
}
/* your second question */

.right a {
  margin-left: 1em;
}

<div class="flex">
  <div class="left">
    <label class="control-label" for="ddlProfile">Profile:</label>
    <input type="text" data-ng-model="viewModel.Name" class="form-control" />
    <button>New</button>
    <button>Edit</button>
  </div>
  <div class="right">
    <a href="https://www.w3schools.com">Open New Form</a>
    <a href="https://www.w3schools.com">Display Detail</a>
  </div>
</div>

关于html - 如何在<div>中右对齐超链接？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46834047/