# align-label

{% hint style="info" %}
**Version compatibility**

`align-label` was introduced in version **4.86.1** of the JourneyApps Runtime.
{% endhint %}

**Optional**

**Type**: `center` | `left` | `right`

**Default**: `left`

Specify the alignment of the component’s `label` and `modifier-text` where available.

#### Example - `align-label` on a `text-input`

{% code title="main.view\.xml" %}

```xml
<var name="password" type="text:password"/>

<text-input label="Password" bind="password" align-label="right" modifier-text="Please provide a strong password"/>
```

{% endcode %}

<figure><img src="https://2865107717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9TCHLR67eLHBOjPvHhud%2Fuploads%2FzlSSHL8z1jsCueqj4lEf%2Ftext-input-align-label.png?alt=media&#x26;token=27bab321-fdab-4d84-a5ea-556fa0479eb0" alt=""><figcaption></figcaption></figure>