Как я могу сделать свою радионожную бок о бок ⇐ CSS

[Anonymous]

Как я могу поставить свою радионологическую кнопку рядом. /> Я искал предыдущие решения, которые не работали, поскольку они использовали поля, я подозреваю, что я использую решение с гибкой коробкой. Class = "Snippet-Code">

Код: Выделить всё

#Select-Shirt-form {
background-color: #eeeeee;
display: flex;
justify-content: center;
align-items: center; /* vertically center */
padding: 20px; /* smaller padding */
border: 4px solid grey;
width: 600px;
margin: 50px auto;
height: 900px; /* control the vertical length */
}

#Shirt {
border: 3px solid black;
background-color: white;
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;

}
fieldset {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
padding: 20px;
box-sizing: border-box;
}

#Shirt img {
width: 250px;
height: 250px;
margin-bottom: 20px;

}

body {
background-image: url("background.png");
}
.Shirt-form-radio {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}< /code>


Select Shirt

[img]tshirt.png[/img]


  
  White

  
  Red

  
  Blue

  
  Green

Подробнее здесь: https://stackoverflow.com/questions/795 ... de-by-side