> For the complete documentation index, see [llms.txt](https://help.tempi.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.tempi.vn/cac-thanh-phan-co-ban-tren-tempi/phan-tu/khoang-cach.md).

# Khoảng cách

### Cách thêm Khoảng cách[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/khoang-cach/#c%C3%A1ch-th%C3%AAm-kho%E1%BA%A3ng-c%C3%A1ch) <a href="#cach-them-khoang-cach" id="cach-them-khoang-cach"></a>

Kéo phần tử **Khoảng cách** vào vị trí mà bạn muốn thêm khoảng cách. Khi vị trí hiển thị màu xanh (ảnh) thì có nghĩa là bạn có thể đặt phần tử vào vị trí đó.

<div align="center"><img src="https://lh3.googleusercontent.com/afEbjp3juLA10By4PPtUKmyWew8kOjunpSVpTPkyZNVHgUv4oL-f97fuDHVvKydt1XnFIlxf1ffDLwgjq_VAN892Ywss_fm3=rw-w2304" alt="Thêm khoảng cách vào bố cục"></div>

### Cách cài đặt Khoảng cách[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/khoang-cach/#c%C3%A1ch-c%C3%A0i-%C4%91%E1%BA%B7t-kho%E1%BA%A3ng-c%C3%A1ch) <a href="#cach-cai-dat-khoang-cach" id="cach-cai-dat-khoang-cach"></a>

Bấm vào phần tử Khoảng cách -> Bấm vào icon như ảnh minh hoạ để điều chỉnh chiều cao của khoảng cách

<div align="center"><img src="https://lh3.googleusercontent.com/IqKgBpVWSnSnD5D4o-cfuqLAIq9Cg7jJqnpl-aL-xR3lvYzEi9Sxr9bwyIsP0DAMXe4bV9Q3r4ReVgVkfeLU6aOyNc9oq_9Yjw=rw-w1644" alt="Cài đặt video"></div>