[英]radio button align with text
我試圖讓我的性別按鈕與我的單選圖像按鈕對齊,這是迄今為止的代碼。 它給了我按鈕上方的文本。 先感謝您
<div class="genderalign"> <p>Choose:</p> <input type="radio" name="option" value="1" id="choose-1" /> <label for="choose-1"> <img src="/images/femaleC.png" /> </label> <input type="radio" name="option" value="2" id="choose-2" /> <label for="choose-2"> <img src="/images/maleC.png" /> </label> </div>
我已經更正了錯位的</div>
因此您的 HTML 現在是這樣的。
然后只需應用 flexbox
.genderalign { display: flex; align-items: center; }
<div> <div class="genderalign"> <p>Choose:</p> <input type="radio" name="option" value="1" id="choose-1" /> <label for="choose-1"> <img src="/images/femaleC.png"/> </label> <input type="radio" name="option" value="2" id="choose-2" /> <label for="choose-2"> <img src="/images/maleC.png" /> </label> </div> </div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.