← all Bulma classes list

Bulma class: .block

    <div style="width:300px;">
        <div class="block">
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eos, corrupti!
        </div>
        <div class="block">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti tenetur necessitatibus ratione.
        </div>
        <div class="block">
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Autem debitis provident necessitatibus dolorum velit.
        </div>
    </div>

Preview

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eos, corrupti!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti tenetur necessitatibus ratione.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Autem debitis provident necessitatibus dolorum velit.

Use Shuffle AI to build your own Bulma CSS templates

Quickly design stunning Bulma CSS templates with the power of Shuffle AI — no coding required.

Check .block in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

More in Bulma Display