Bulma is a free, open-source CSS framework based on Flexbox. It is used to create beautiful responsive websites using this framework. In this article, we will discuss the block class in Bulma.

Block is the spacer element that is used to provide a consistent margin between sibling elements. It is used when we want to place content in blocks and want to give space between each block. So using this, we can easily provide a margin between the elements.

Bulma Block Class:

• block: This class is used to place the content in the blocks and provide space between them. If there are multiple blocks then we can easily place our content with the help of this class.

Syntax:

<div class="block">
    <!-- Some content -->
</div>

Example 1:

Output:

Bulma Block

Example 2:

Output:

Bulma Block

Reference: https://bulma.io/documentation/elements/block/