居中和右对齐

Question

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

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

我碰巧在我面前有第二次世界大战历史 - 英国军事系列 - 1939-1945 年海上战争 - 第 I 卷 - 防御的第 336 页，我在其中找到了与上述描述相符的表格。

使用老式凸版印刷，甚至是热金属，无可否认，它完全是手动和乏味的，但相对简单——只需或多或少地使用引导，直到对齐。

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

Answer 1

这可以在 HTML/CSS 中通过使用居中的内联块元素包装文本来实现：

.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>