我如何使用div进行内联？

Question

我想像这样展示

<label class="radio">
    <div class="option-title"><input type="radio" name="pickup" value="pickup" id="type_1">
        Pickup required (  Enter Address to calculate Price )
    </div>
</label>

但我需要内联使用id而不是Enter Address来计算价格。 我使用bootstrap。

<label class="radio">
    <div class="option-title"><input type="radio" name="pickup" value="pickup" id="type_1">
        Pickup required ( <span id="pickup_price"> Enter Address to calculate Price </span>)
    </div>
</label>

我使用div是换行符，所以任何好的编码都是我应该写的？谢谢你

<div id="pickup_price"> Enter Address to calculate Price </div>

Answer 1

我没有得到你想要达到的目标，但关于如何制作div inline的问题标题是，你可以将css指定为 display:inline;

div{display:inline;}

这使您的div显示为内联。 但是这不会取得块元素属性，因此要使其显示内联以获取其块元素属性，您可以这样做，

div{display:inline-block;}