# align-content

**Optional**

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

**Default**: `left`

Specify how the content inside the UI component should be aligned.

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

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

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

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

{% endcode %}

![](https://2865107717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9TCHLR67eLHBOjPvHhud%2Fuploads%2Fgit-blob-e174e7dc576cb4173be1098310086169f41ab397%2Ftext-input-right-align-content.png?alt=media)