Text justify has become text align

docs/examples/styles/text_align.css

@@ -1,21 +1,21 @@
 #one {
-  text-justify: left;
+  text-align: left;
   background: lightblue;
 
 }
 
 #two {
-  text-justify: center;
+  text-align: center;
   background: indianred;
 }
 
 #three {
-  text-justify: right;
+  text-align: right;
   background: palegreen;
 }
 
 #four {
-  text-justify: full;
+  text-align: justify;
   background: palevioletred;
 }
 

docs/examples/styles/text_align.py

@@ -10,19 +10,19 @@ TEXT = (
 )
 
 
-class TextJustify(App):
+class TextAlign(App):
     def compose(self) -> ComposeResult:
-        left = Static("[b]Left justified[/]\n" + TEXT, id="one")
+        left = Static("[b]Left aligned[/]\n" + TEXT, id="one")
         yield left
 
-        right = Static("[b]Center justified[/]\n" + TEXT, id="two")
+        right = Static("[b]Center aligned[/]\n" + TEXT, id="two")
         yield right
 
-        center = Static("[b]Right justified[/]\n" + TEXT, id="three")
+        center = Static("[b]Right aligned[/]\n" + TEXT, id="three")
         yield center
 
-        full = Static("[b]Full justified[/]\n" + TEXT, id="four")
+        full = Static("[b]Justified[/]\n" + TEXT, id="four")
         yield full
 
 
-app = TextJustify(css_path="text_justify.css")
+app = TextAlign(css_path="text_align.css")

docs/styles/text_align.md

@@ -0,0 +1,57 @@
+# Text-align
+
+The `text-align` rule aligns text within a widget.
+
+## Syntax
+
+```
+text-align: [left|start|center|right|end|justify];
+```
+
+### Values
+
+| Value     | Description                      |
+|-----------|----------------------------------|
+| `left`    | Left aligns text in the widget   |
+| `start`   | Left aligns text in the widget   |
+| `center`  | Center aligns text in the widget |
+| `right`   | Right aligns text in the widget  |
+| `end`     | Right aligns text in the widget  |
+| `justify` | Justifies text in the widget     |
+
+## Example
+
+This example shows, from top to bottom: `left`, `center`, `right`, and `justify` text alignments.
+
+=== "text_align.py"
+
+    ```python
+    --8<-- "docs/examples/styles/text_align.py"
+    ```
+
+=== "text_align.css"
+
+    ```css
+    --8<-- "docs/examples/styles/text_align.css"
+    ```
+
+=== "Output"
+
+    ```{.textual path="docs/examples/styles/text_align.py"}
+    ```
+
+## CSS
+
+```sass
+/* Set text in all Widgets to be right aligned */
+Widget {
+    text-align: right;
+}
+```
+
+## Python
+
+```python
+# Set text in the widget to be right aligned
+widget.styles.text_align = "right"
+```

docs/styles/text_justify.md

@@ -1,57 +0,0 @@
-# Text-justify
-
-The `text-justify` rule justifies text within a widget.
-
-This property is not the same as the `text-justify` property in browser CSS.
-
-## Syntax
-
-```
-text-justify: [left|center|right|full];
-```
-
-### Values
-
-| Value    | Description                         |
-|----------|-------------------------------------|
-| `left`   | Left justifies text in the widget   |
-| `center` | Center justifies text in the widget |
-| `right`  | Right justifies text in the widget  |
-| `full`   | Fully justifies text in the widget  |
-
-## Example
-
-This example shows, from top to bottom: `left`, `center`, `right`, and `full` justified text.
-
-=== "text_justify.py"
-
-    ```python
-    --8<-- "docs/examples/styles/text_justify.py"
-    ```
-
-=== "text_justify.css"
-
-    ```css
-    --8<-- "docs/examples/styles/text_justify.css"
-    ```
-
-=== "Output"
-
-    ```{.textual path="docs/examples/styles/text_justify.py"}
-    ```
-
-## CSS
-
-```sass
-/* Set text in all Widgets to be right justified */
-Widget {
-    text-justify: right;
-}
-```
-
-## Python
-
-```python
-# Set text in the widget to be right justified
-widget.styles.text_justify = "right"
-```