Bulma File Alignment

Bulma is an open-source CSS framework that ships with pre-styled components which makes making beautiful and responsive websites easier and faster. 

In this article, we will be seeing alignment options with the Bulma file element. By default, the Bulma file element is left-aligned.

Bulma File Alignment Classes:

• is-centered: This class is used to make the file element align to the center.
• is-right: This class is used to make the file element align to the right.

Syntax:

<div class="file File-Alignment Class">
 .....
</div>

Example: The below example illustrates how to use the is-centered and is-right classes to align the file element.

Output:

👁 Bulma File Alignment

Reference: https://bulma.io/documentation/form/file/#alignment