textual/docs/styles/text_align.md

Text-align

The text-align rule sets the text alignment in a widget.

Syntax

--8<-- "docs/snippets/syntax_block_start.md" text-align: <text-align>; --8<-- "docs/snippets/syntax_block_end.md"

The text-align rule accepts a value of the type <text-align> that defines how text is aligned inside the widget.

Values

--8<-- "docs/snippets/type_syntax/text_align.md"

Defaults

The default value is start.

Example

This example shows, from top to bottom: left, center, right, and justify text alignments.

=== "Output"

```{.textual path="docs/examples/styles/text_align.py"}
```

=== "text_align.py"

```python
--8<-- "docs/examples/styles/text_align.py"
```

=== "text_align.css"

```css
--8<-- "docs/examples/styles/text_align.css"
```

CSS

/* Set text in the widget to be right aligned */
text-align: right;

Python

# Set text in the widget to be right aligned
widget.styles.text_align = "right"