5 replies

TAILWIND Checkbox Not Aligning

<div className="flex items-center justify-center h-screen">
        <div className=" border-black rounded border-x-2 border-y-2 w-[20rem] h-[50px]">
        <input type="checkbox" className="mr-2"/>
        
        <div className="text-blue-800 flex justify-center items-center">
          I'm not a robot
        </div>

        </div>
      </div>
    </>

<div className="flex items-center justify-center h-screen">
        <div className=" border-black rounded border-x-2 border-y-2 w-[20rem] h-[50px]">
        <input type="checkbox" className="mr-2"/>
        
        <div className="text-blue-800 flex justify-center items-center">
          I'm not a robot
        </div>

        </div>
      </div>
    </>

The checkbox wont align with the text and the text wont stay in the center. https://playcode.io/1583581

PlayCode.io

Tailwind CSS Playground

Try this online Tailwind CSS Playground playground with instant live preview and console. Easy & Fast. Experiment yourself.

KP-C

Kevin Powell - Community•3y ago•

5 replies

4ngel_._

TAILWIND Checkbox Not Aligning

<div className="flex items-center justify-center h-screen">
        <div className=" border-black rounded border-x-2 border-y-2 w-[20rem] h-[50px]">
        <input type="checkbox" className="mr-2"/>
        
        <div className="text-blue-800 flex justify-center items-center">
          I'm not a robot
        </div>

        </div>
      </div>
    </>

<div className="flex items-center justify-center h-screen">
        <div className=" border-black rounded border-x-2 border-y-2 w-[20rem] h-[50px]">
        <input type="checkbox" className="mr-2"/>
        
        <div className="text-blue-800 flex justify-center items-center">
          I'm not a robot
        </div>

        </div>
      </div>
    </>

The checkbox wont align with the text and the text wont stay in the center. https://playcode.io/1583581

PlayCode.io

Tailwind CSS Playground

Try this online Tailwind CSS Playground playground with instant live preview and console. Easy & Fast. Experiment yourself.

TAILWIND Checkbox Not Aligning

Similar Threads

TAILWIND Checkbox Not Aligning

Similar Threads

Similar Threads

Similar Threads