Search code examples
csswordpressinline

Issue putting checkbox and text inline

Is it possible somehow to make checkbox and text inline? Having trouble with this one, tried inline options through css, but seems I either can't use it or It is doesn't work.

Solution

  • Here is a simple example. All you need is a wrapper element and one line of CSS. By default, all immediate flex children will share the available horizontal space on the line.

    .checkboxRow {
  display: flex;
}
    <div class="checkboxRow">
  <input id="mycheckbox" type="checkbox">
  <label for="mycheckbox">I am a label</label>
</div>

<div class="checkboxRow">
  <input id="mycheckbox2" type="checkbox">
  <label for="mycheckbox2">I am a label</label>
</div>