jquery - 如何使两个div正确对齐？

我的项目中有两个div（dlgR和dlgDivR）。
dlgR的含量应显示在第一行，而dlgDivR的含量应显示在第二行。我想要的是：

22:09:06 snow accept
     johntakeit

但事实上，他们在同一排，就像这样：

johntakeit  22:09:06 snow accept

这里是CSS和HTML：

.dlgR {
  float: right
}

.dlgDivR {
  float: right;
  text-align: right;
  margin-right: 5%;
  background: #E0FFFF;
  max-width: 70%
}

<div class="dlgR"><label>22:09:06</label>&nbsp;<label>snow</label><label>&nbsp;accept</label></div>
<div class="dlgDivR"><span class="dlgSpan">johntakeit</span></div>

可能是因为这些div在jQuery UI的选项卡中。但我不知道。谁能帮我？

最佳答案

你只需要清除你的.dlgDivR
给它clear: right;它会工作的很好

.dlgR {
  float: right;
}

.dlgDivR {
  float: right;
  clear: right;                  /*  added property  */
  text-align: right;
  margin-right: 5%;
  background: #E0FFFF;
  max-width: 70%
}

<div class="dlgR"><label>22:09:06</label>&nbsp;<label>snow</label><label>&nbsp;accept</label></div>
<div class="dlgDivR"><span class="dlgSpan">johntakeit</span></div>

关于jquery - 如何使两个div正确对齐？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46259697/