Как я могу сделать многострочные, выровненные по вертикали и горизонтали метки для переключателей в формах HTML с помощью CSS?

Используя следующую разметку css-layout и CSS, я смог создать многострочные div метки, которые не переносятся css под переключателем:

  

    

      
      
        stuff

        stuff1
      
    
    

      
      
        stuff

        stuff1
      
    
  

однако option-button мне не удалось использовать:

fieldset label {
  vertical-align: middle;
}

, чтобы radio-button центрировать метку по вертикали optionbutton на переключателе, даже при labels применении ширины (оба предложения browser-compatibility в ответе Дмитрия Фаркова. Моя css основная цель состояла в inline-block том, чтобы предотвратить optionbutton перенос под переключателем, поэтому webpage это решение пока подойдет.