랩핑 할 때 라디오 버튼 레이블이 입력 아래로 들어가는 것을 방지하는 방법

Question

ASP.NET에서 생성 된 라디오 버튼의 긴 목록이 있습니다. ASP.NET은 표 셀 안에 입력 및 레이블을 렌더링하고 = xxx라는 레이블을 사용하여 레이블 및 입력 형제를 만듭니다.

여기에 the fiddle입니다. 라벨은 꽤 길다. 레이블 포장

이

, 목표는 그들과 같이하는 것입니다 :

오히려 같은보다

() cdsdcsdcsdc akd adckldsjcj dlsck acsd dscj dlkc dcas 
    df sdf dfkl dksf dfs dlkf 

;

() cdsdcsdcsdc akd adckldsjcj dlsck acsd dscj dlkc dcas 
df sdf dfkl dksf dfs dlkf 

또는 같은

:

() 
cdsdcsdcsdc akd adckldsjcj dlsck acsd dscj dlkc dcas 
df sdf dfkl dksf dfs dlkf 

마크 업이 변경 될 수 있다고 가정하면, 어떤 CSS는 스타일을 달성하는 것입니다?

P. rogerdeuce가 대답 한 답변에 따르면

Answer 1

원하는 출력을 얻기 위해서는 매우 간단해야합니다.

변경에 input 및 label :

display: inline; 

inline-block는 위 요소 아래에 공백을 추가 inline하지 않습니다.

희망이 도움이됩니다.