两个并排的div（右边的所有东西都对齐）

Question

我需要将两个div并排对齐，并使右侧div中的所有内容与右侧对齐。这是怎么做到的？

Answer 1

根据我所理解的问题陈述，我制作了这个片段

＆＃13;

＆＃13;

.container {
  display: flex;
margin-left:auto;

  border:1px solid;
  width:200px;
}
.item {
  height: 50px;
  width: 50px;
  background: red;
  border:1px solid;
  margin:5px;
}

＆＃13;

<div class="container">
  <div class="item">
    div1
  </div>
  <div class="item">
    div2
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

希望这有帮助

Answer 2

@Geeky - 我抓住了你的东西并将其修改为我认为他在问的东西......希望我们中的一个人是对的哈哈！

uid

.container {
  display: flex;
  width: 20%;
  margin-left: auto;
  margin-right: auto;
  border:1px solid;
  width:200px;
}
.item {
  height: 50px;
  width: 50px;
  background: red;
  border:1px solid;
  margin:5px;
  width: 40%;
  margin: auto;
  margin-bottom: 2%;
  margin-top: 2%;
}

.right {
  text-align: right;
}