如何将文本放在下拉列表HTML的右侧

时间:2019-03-20 16:19:47

标签: html css

如何正确显示所有链接的文本,“ngày”在“Tại”以下,而不是在19以下。
我的代码:(因为我设置了很多选项,所以我之前没有放代码。对不起!)

<span>
    <select aria-label="Ngày" name="birthday_day" title="Ngày" >
        <option value="19" selected="1">19</option>
    </select><select aria-label="Tháng" 
    name="birthday_month"  title="Tháng">
        <option value="5" selected="1">Tháng 5</option>
    </select>
    <select aria-label="Năm" 
        name="birthday_year" title="Năm">
        <option value="1998" selected="1">1998</option>
    </select>
</span>
<span style="font-size: 10pt;">
    <a href="#">Tại sao tôi cần phải cung cấp ngày sinh của mình?</a>
</span>

1 个答案:

答案 0 :(得分:-2)

您需要在表单字段周围的跨度中添加float: left,如下所示:

<div style="width:350px"> <!-- div only for forcing break in text -->


<span style="float:left">
    <select aria-label="Ngày" name="birthday_day" title="Ngày" >
        <option value="19" selected="1">19</option>
    </select><select aria-label="Tháng" 
    name="birthday_month"  title="Tháng">
        <option value="5" selected="1">Tháng 5</option>
    </select>
    <select aria-label="Năm" 
        name="birthday_year" title="Năm">
        <option value="1998" selected="1">1998</option>
    </select>
</span>
<span style="font-size: 10pt;">
    <a href="#">Tại sao tôi cần phải cung cấp ngày sinh của mình?</a>
</span>


</div>