Docs Import Blocks Full Pages Form Builder Pricing Support Refer and earn

flex-nowrap: Tailwind CSS Flex class

The flex-nowrap class prevents flex items from wrapping, keeping them on a single line.

flex-nowrap

The flex-nowrap class prevents flex items from wrapping, keeping them on a single line.

Example Code

html

<div class="flex flex-nowrap items-center justify-center p-5 text-white font-bold">
  <div class="bg-green-500 p-4 m-2 rounded">flex-nonwrap</div>
  <div class="bg-green-500 p-4 m-2 rounded">flex-nonwrap</div>
  <div class="bg-green-500 p-4 m-2 rounded">flex-nonwrap</div>
</div>

Preview

flex-nonwrap

Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs

Start building stunning tailwind UIs!

Build from scratch or select prebuilt tailwind templates

Learn more about Windframe