# Alignment (layout change) of components

#### Alignment (layout change)  <a href="#wyrownanie-zmianalayoutu-komponentow-wyrownanie-zmianalayoutu" id="wyrownanie-zmianalayoutu-komponentow-wyrownanie-zmianalayoutu"></a>

The alignment attribute can be changed using the editor located in the **Styling** component properties.

<figure><img src="https://2112972046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FEpmkkSWbhYipcopgbJEN%2Fimage.png?alt=media&#x26;token=9c1f3156-3d3d-496a-86f2-2cb6cc18bf65" alt=""><figcaption></figcaption></figure>

***Illustration 1.** Layout change properties view*

The following alignments are possible:

Horizontal alignment:

* to the left,
* centered,
* to the right,
* fill.

Vertical alignment:

* to the top,
* centered,
* to the bottom,
* fill.

The default setting when adding a component from the palette is: horizontal fill and vertical centering.

<figure><img src="https://2112972046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FhM30nBsfdwapRPaPdpsm%2Fimage.png?alt=media&#x26;token=5586e6ce-ad34-4d35-a2fa-406587f90df7" alt=""><figcaption><p><em><strong>Illustration 1.</strong> Example of layout changes for the Label component</em></p></figcaption></figure>

{% hint style="info" %}
How to display the layout grid?

[Layout grid / theme](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/tworzenie-formularza/siatka-layoutu-szata)
{% endhint %}

<br>