Javascript 具有表格单元格属性的div内部水平对齐链接

如何将div中的文本与右侧的“next”类对齐？ 我的html代码：

<div class="box">
  <div class="navigation prev">
    <a>prev</a>
  </div>
  <div class="rec"><a href="">rec</a></div>
  <div class="navigation next">
    <a>next</a>
  </div>
</div>

---

jsiddle link:

您的标题和问题似乎不匹配，因此我将回答您的问题。您可以使用

text align:right


.box{
显示：表格；
右边距：自动；
左边距：自动；
宽度：100%；
}
.记录{
显示：表格单元格；
填充：10px；
文本对齐：居中；
背景：红色；
}
.导航{
显示：表格单元格；
背景：黄色；
}
.navigation.next{
文本对齐：右对齐；
}

下一个
只需添加：

.navigation.next{
  text-align: right;
}

垂直对齐不支持“右”值，仅支持“上”、“中”或“下”值。您正在考虑'align:right'属性吗？
。下一步{text align:right；}
？
.navigation.next{
  text-align: right;
}