画个图给我区分一下水平中心对齐和垂直底部对齐

好的，下面是一个简单的示意图：

+------------+  +------------+
|  Text      |  |  Text      |
|  Box       |  |  Box       |
+------------+  +------------+

在这个示意图中，有两个文本框（text box），分别用水平线和垂直线分割。下面我将分别展示水平中心对齐和垂直底部对齐的效果。

水平中心对齐：

+------------+  +------------+
|            |  |            |
|   Text     |  |   Text     |
|   Box      |  |   Box      |
|            |  |            |
+------------+  +------------+

在这个示意图中，两个文本框的中心被垂直线对齐，因此它们在水平方向上是居中对齐的。

垂直底部对齐：

+------------+  +------------+
|            |  |            |
|   Text     |  |            |
|   Box      |  |            |
+------------+  +   Text     |
|            |  |   Box      |
|            |  |            |
+------------+  +------------+

在这个示意图中，两个文本框的底部被水平线对齐，因此它们在垂直方向上是底部对齐的。