From d27e13a49ae3527c56de31b1f896e79753c54793 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Gir=C3=A3o=20Serr=C3=A3o?=
 <5621605+rodrigogiraoserrao@users.noreply.github.com>
Date: Thu, 5 Jan 2023 18:33:51 +0000
Subject: [PATCH] Add text-align CSS type.

---
 docs/css_types/text_align.md            | 37 +++++++++++++++++++++++++
 docs/snippets/type_syntax/text_align.md | 14 ++++++++++
 mkdocs.yml                              |  1 +
 3 files changed, 52 insertions(+)
 create mode 100644 docs/css_types/text_align.md
 create mode 100644 docs/snippets/type_syntax/text_align.md

diff --git a/docs/css_types/text_align.md b/docs/css_types/text_align.md
new file mode 100644
index 000000000..c9fc59785
--- /dev/null
+++ b/docs/css_types/text_align.md
@@ -0,0 +1,37 @@
+# &lt;text-align&gt;
+
+The `<text-align>` CSS type represents alignments that can be applied to text.
+
+!!! warning
+
+    Not to be confused with the [`text-align`](../styles/text_align.md) CSS rule that sets the alignment of text in a widget.
+
+## Syntax
+
+--8<-- "docs/snippets/type_syntax/text_align.md"
+
+## Examples
+
+### CSS
+
+```sass
+* {
+    rule: center;
+    rule: end;
+    rule: justify;
+    rule: left;
+    rule: right;
+    rule: start;
+}
+```
+
+### Python
+
+```py
+text_align = "center"
+text_align = "end"
+text_align = "justify"
+text_align = "left"
+text_align = "right"
+text_align = "start"
+```
diff --git a/docs/snippets/type_syntax/text_align.md b/docs/snippets/type_syntax/text_align.md
new file mode 100644
index 000000000..6720422e5
--- /dev/null
+++ b/docs/snippets/type_syntax/text_align.md
@@ -0,0 +1,14 @@
+A [`<text-align>`](/css_types/text_align) can be any of the following values:
+
+| Value     | Alignment type                       |
+|-----------|--------------------------------------|
+| `center`  | Center alignment.                    |
+| `end`     | Alias for `right`.                   |
+| `justify` | Text is justified inside the widget. |
+| `left`    | Left alignment.                      |
+| `right`   | Right alignment.                     |
+| `start`   | Alias for `left`.                    |
+
+!!! tip
+
+    The meanings of `start` and `end` will likely change when RTL languages become supported by Textual.
diff --git a/mkdocs.yml b/mkdocs.yml
index f6245746d..d23a8a2ee 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -39,6 +39,7 @@ nav:
       - "css_types/overflow.md"
       - "css_types/percentage.md"
       - "css_types/scalar.md"
+      - "css_types/text_align.md"
       - "css_types/text_style.md"
       - "css_types/vertical.md"
     - Events: