textual/docs/styles/padding.md

Padding

The padding rule adds space around the content of a widget. You can specify padding with 1, 2 or 4 numbers.

• padding: 1; Sets a padding of 1 around all 4 edges
• padding: 1 2; Sets a padding of 1 on the top and bottom edges, and a padding of two on the left and right edges
• padding: 1 2 3 4; Sets a padding of one on the top edge, 2 on the right, 3 on the bottom, and 4 on the left.

Padding may also be set individually, following the same pattern as above, by setting padding-top, padding-right, padding-bottom, or padding-left.

Example

This example adds padding around static text.

=== "padding.py"

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

=== "Output"

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

CSS

/* Set padding of 2 on the top and bottom edges, and 4 on the left and right */
padding: 2 4;

Python

# In Python you can set the padding as a tuple of integers
widget.styles.padding = (2, 3)