Html 单选按钮旁边的文本不会变为中心垂直
restaurentInfo.htmlHtml 单选按钮旁边的文本不会变为中心垂直,html,css,Html,Css,restaurentInfo.html <div class="restaurent-container"> <div class="restaurent-info"> <label for "restaurent">Restaurent name </label> <select class="restaurent" name="restaurent-category"> <opt
<div class="restaurent-container">
<div class="restaurent-info">
<label for "restaurent">Restaurent name </label>
<select class="restaurent" name="restaurent-category">
<option value="corporate">corporate</option>
<option value="savings">Savings</option>
<option value="personal">Personal</option>
</select>
</div>
<div class="food-container">
<input type="radio" name="radio" id="food" class="radio" />
<label style="margin-left:10px;" for="food">Food</label>
<input style="margin-left:10px;" type="radio" name="radio" id="food" class="radio" />
<label style="margin-left:10px;" for="food">Drink</label>
</div>
<div style="margin-top:20px;" class="category-info">
<label for "restaurent">Category </label>
<select class="restaurent" name="restaurent-category">
<option value="corporate">corporate</option>
<option value="savings">Savings</option>
<option value="personal">Personal</option>
</select>
</div>
<div style="margin-top:20px;" class="item-info">
<label for "restaurent">Category </label>
<select class="restaurent" name="restaurent-category">
<option value="corporate">corporate</option>
<option value="savings">Savings</option>
<option value="personal">Personal</option>
</select>
</div>
</div>
尝试在CSW中使用line height属性我应该将它放在哪里?放在对齐的标签标签上好的,谢谢,它起作用了
.restaurent-container {
width: 100vw;
height: 100vh;
margin: 30px 0 0 30px;
.food-container {
display: flex;
flex-direction: row;
}
}