# Logical padding

Padding like padding-inline that follows text direction.

## What is **logical padding**?

**Logical padding** like `padding-inline` and `padding-block` follows the writing direction.

```css
.button { padding-block: 8px; padding-inline: 20px; }
```

Level: Freelancer · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/freelancer)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/logical-padding