How can I neatly line up the checkbox and radio box


I’m not sure how I’m suposed neatly line inputs in a row. I tried using flex and position: relative (for the label) but that didn’t work for me. I’m trying to make it look like this for example for both my checkboxes and radios:

my goal

But this is what I got instead:

my failed attempt

Please explain how I can find a solution to this problem.

https://codepen.io/Yisego45873/pen/WNEJPVx

Source: CSS – Stack Overflow

November 22, 2021
Category : News
Tags: css | flexbox | input

Leave a Reply

Your email address will not be published. Required fields are marked *

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.