라디오 단추가 가로로 늘어서 있지 않습니다.

Question

내 HTML 라디오 단추가 가로로 세로로 늘어서 고 있습니다. 또한, 각각의 텍스트는 내가 원하는대로 단추 옆에 있지 않습니다.

<fieldset> 
    <legend>Payment Method</legend> 
    <input type="radio" name="payment_type" value="bill"/> 
    <label for="bill">Bill Me</label> 
    <input type="radio" name="payment_type" value="credit" checked/> 
    <label for="credit">Credit Card</label> 
    <input type="radio" name="payment_type" value="paypal"/> 
    <label for="paypal">Paypal</label> 
</fieldset> 

내 HTML 버튼 용 코드입니다. 외부 스타일 시트가 있지만 버튼 스타일을 구현하지 않았습니다.

Answer 1

확인란과 마찬가지로 기본적으로 확인란이 가로로 정렬됩니다. 요소에 display:block을 설정해야합니다. 제거하거나 덮어 쓰려면 display:inline-block을 적용하십시오. 내가 말했듯이

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

label { 
    display:inline-block; 
} 

은 이러한 기본 속성은 다음과 같습니다

은 다음과 CSS를 사용해보십시오. 다음과 같은 결과가 나타납니다. jsFiddle here 그냥 덮어 쓰는 것보다 display:block을 제거하는 것이 좋습니다.