html - 如何设置输入文本与 css 内联显示？

Question

我尝试使用 float: right 使输入一个接一个地显示在一行中。

[input][input][input]

但我看到的不是它而是步骤:

[input]
       [input]
               [input] 

有人有什么建议吗？我使用如下形式的标签

这是我的代码:

כות 我们

    <label for="pa_passport">מספר ת.ז</label>
        <input type="text" name="pa_passport" id="pa_passport" placeholder="מספר ת.ז" /><br />

    <label for="pa_firstName">שם פרטי</label>
        <input type="text" name="pa_firstName" id="pa_firstName" placeholder="שם פרטי" /><br />

    <label for="pa_lastName">שם משפחה</label>
        <input type="text" name="pa_lastName" id="pa_lastName" placeholder="שם משפחה" /><br />

    <div style="clear:both"> </div>

    <label for="pa_city">עיר מגורים</label>
        <input type="text" name="pa_city" id="pa_city" placeholder="עיר מגורים" /><br />

    <label for="pa_car">מספר רכב</label>
        <input type="text" name="pa_car" id="pa_car" placeholder="מספר רכב" /><br />

    <label for="pa_city">שנת ייצור</label>
        <input type="text" name="pa_year" id="pa_year" placeholder="שנת ייצור" /><br />

    <h4 class="faqlike bluecolh2">כותרת נוספת</h4>

       <label for="pa_phone">טלפון</label>
        <input type="text" name="pa_phone" id="pa_phone" placeholder="טלפון" /><br />
       <label for="pa_phone"></label>
        <select>
            <option>054</option>
            <option>052</option>
            <option>053</option>
            <option>050</option>
            <option>08</option>
            <option>09</option>
        </select>

===更新=====

这是我的 scss:

.private_area {
    label {
       display:none;            
    }
    input[type=text] {
       float: right;            
    }
}

Answer 1

我想这就是你想要的吧？

body { direction:rtl;}
H4    { clear:both; padding:20px 0;}
label { display:inline-block; width: 70px; margin:0 5px 0 0;}
.field { float:right;}

DEMO

如果您有任何问题，请告诉我 :) בהצלחה