is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
← Tailwind CSS classes list

Tailwind CSS class: .content-center

    <div class="h-40 w-96 p-2 bg-gray-200 flex flex-wrap content-center">
        <div class="px-10 py-2 bg-teal-400 rounded">1</div>
        <div class="px-10 py-2 bg-purple-400 rounded">2</div>
        <div class="px-10 py-2 bg-indigo-400 rounded">3</div>
        <div class="px-10 py-2 bg-teal-400 rounded">4</div>
        <div class="px-10 py-2 bg-purple-400 rounded">5</div>
        <div class="px-10 py-2 bg-indigo-400 rounded">6</div>
    </div>

Preview

1
2
3
4
5
6

Check .content-center 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 Tailwind CSS Flexbox