> For the complete documentation index, see [llms.txt](https://docs.shopone.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/design-editor/align.md).

# Align

When building or editing the layout of a landing page, aligning elements such as text, images, buttons, etc., is an essential part of ensuring that the website's layout is organized and professional. **Align** feature will help you position elements within their containers properly.

<figure><img src="/files/lPfmckjR397WTo3lPf2n" alt=""><figcaption></figcaption></figure>

**Here’s a detailed guide on how to use the Align options:**

* **Left**: Align the element to the left side of the containing element.
* **Center**: Place the element in the horizontal center of the containing element.
* **Right**: Align the element to the right edge of the containing element.
* **Top**: Move the element to the top of the containing element.
* **Middle**: Place the element in the vertical center of the containing element.
* **Bottom**: Move the element to the bottom of the containing element.