如何在同一行上獲取帶文字的單選按鈕？

搜索了這個地方，並嘗試了在不同的回答中建議的選項，比如「display：block」，float：left等等，但是我不能設法讓它們在同一行上。如何在同一行上獲取帶文字的單選按鈕？

這裏是代碼的插件有：

<div class="gift-certificate sc_info_box"> 
            <h3>Mottagare av presentkort</h3> 
                        <div class="gift-certificate-show-form"> 
              <p>Vem vill du skicka ditt presentkort till?</p> 
              <ul class="show_hide_list" style="list-style-type: none;"> 
               <li><input type="radio" id="hide_form" name="is_gift" value="no" checked="checked"> <label for="hide_form">Till mig!</label></li> 
               <li> 
               <input type="radio" id="show_form" name="is_gift" value="yes"> <label for="show_form">Till någon annan!</label> 
               <ul class="single_multi_list" style="list-style-type: none;"> 
               <li><input type="radio" id="send_to_one" name="sc_send_to" value="one" checked="checked"> <label for="send_to_one">Send to one person</label> 
               <input type="radio" id="send_to_many" name="sc_send_to" value="many"> <label for="send_to_many">Send to different people</label></li> 
               </ul> 
               </li> 
              </ul> 
             </div> 
           <div class="gift-certificate-receiver-detail-form"> 
           <div class="clear"></div> 
           <div id="gift-certificate-receiver-form-multi"> 
                 <div class="form_table"> 
         <div class="email_amount"> 
          <div class="amount"><p class="coupon_amount_label"><span class="amount">1,500&nbsp;kr</span></p></div> 
          <div class="email"><input class="gift_receiver_email" type="text" placeholder="Email address..." name="gift_receiver_email[9216][]" value=""></div> 
         </div> 
         <div class="message_row"> 
          <div class="sc_message"><textarea placeholder="Message..." class="gift_receiver_message" name="gift_receiver_message[9216][]" cols="50" rows="5"></textarea></div> 
         </div> 
        </div> 
             </div> 
       <div id="gift-certificate-receiver-form-single"> 
        <div class="form_table"> 
         <div class="email_amount"> 
          <div class="amount"><p class="coupon_amount_label"><span class="amount">1,500&nbsp;kr</span></p></div> 
          <div class="email"><input class="gift_receiver_email" type="text" placeholder="Mottagarens E-mail..." name="gift_receiver_email[0][0]" value=""></div> 
         </div> 
         <div class="message_row"> 
          <div class="message"><textarea placeholder="Ditt meddelande..." class="gift_receiver_message" name="gift_receiver_message[0][0]" cols="50" rows="5"></textarea></div> 
         </div> 
        </div> 
       </div>         
       </div></div>

這將顯示：
This displays:

所以問題是：我怎麼會去讓旁邊的按鈕上的文本上的兩行？如果可能的話，我需要在手機上工作。

來源

2014-06-27 Romeo Patrick

您應該發佈HTML代碼，而不是從中生成HTML代碼的PHP代碼。你應該單獨提出單獨的問題，而不是添加一個沒有反映在標題中的「額外問題」。 –

發佈的代碼不會重現該問題。該問題是由其外部事件（例如CSS設置）引起的，或者是涉及內容的寬度過窄。 –

你能解釋一下嵌套的ul標籤嗎？你還可以發佈任何CSS？ – Chiperific

讓你的CSS：

li input[type="radio"], li label { 
    display: inline-block; 
}

它們的默認佈局display: block這使他們對自己的線，無論你將它們放置一個標籤內。

來源

2014-06-27 17:05:21

如果這是真的，小提琴爲什麼工作？ – Chiperific

如何在同一行上獲取帶文字的單選按鈕？

回答

相關問題