html - 居中和右对齐

Question

在许多沉重而严肃的巨著中，尤其是英国著名的女王陛下文具办公室 (HMSO) 出版的那些书中，人们会看到大量的表格。

通常，如果列包含数字数据，它不仅在列中居中，而且在该中心点上右对齐，这样最后一个 数字的数字是居中的实体。此布局可能由 HMSO 样式规则决定。

我碰巧面前有第二次世界大战史 - 英国军事系列 - 海上 war 1939-1945 - 第一卷 - 防御的第 336 页，我在上面找到了一个符合上述描述的表格。

使用老式凸版打印机，甚至是铁水打印，这无疑是完全手动且乏味的，但相对简单 - 只需使用或多或少的行距，直到它排成一行。

但我想知道是否可以使用 Microsoft Word 和/或 HTML/CSS 来完成，最好是两者。

Answer 1

这可以在 HTML/CSS 中通过用居中的行内 block 元素包裹文本来实现:

.wrap {
  text-align:right;
  border: 3px dotted blue;  
  display: inline-block;
}
.container {
  border: 10px solid red;
  text-align: center;
}

<div class="container">
  <div class="wrap">
    Line 1 asddsa<br>
    Line 2 asdasdf<br>
    Line 3 asdfasdfasdf<br>
    Line 4 dsdf<br>
    Line 5<br>
    Line 6 s
  </div>
</div>