TextField를 기준으로 레이블 맞추기

Question

firstLabel을 같은 줄의 텍스트 필드 바로 옆에 놓기를 원합니다.

//css 
    input[type="text"]{ 
    display:block; 
    margin-bottom:10px; 
    width: 50px; 
    text-align:center; 
    float:center; 
    } 

    label { 
    float: right; 
    text-align:right; 
    color: white; 
    font:12; 
    } 

    //html 
    <label for="first">First Value</label> 
    <input type="text" value="93" id="firstTF"/><br/> 

Answer 1

http://jsfiddle.net/x3gb6gcw/2/

HTML

<input type="text" value="93" id="firstTF"/> 
<label for="first">First Value</label> 

그냥 텍스트 상자에 입력 제어 후 라벨 태그를 넣을 경우

input[type="text"]{ 
    display:block; 
    margin-bottom:10px; 
    width: 50px; 
    text-align:center; 
    display:inline-block; 
} 

label { 
    text-align:left; 
    color: #000; 
    font:12; 
    display:inline-block; 
} 

Answer 2

는 this-

CSS 코드 - 시도

input[type="text"]{ 
    display:inline; 
    margin-bottom:10px; 
    width: 50px; 
    text-align:center; 
    float:left; 
    } 

    label { 
    display: inline;  
    text-align:right; 
    color: white; 
    font:12; 
    } 

바이올린 - http://jsfiddle.net/Ashish_developer/gjamenoy/

바이올린에, 나는 바이올린의 배경이기 때문에 라벨의 색상을 변경 한 흰색, 그래서 라벨에 하얀색을주는 w 그것을 보여주지 않는다. 단지 피들에 그것을 보여주기 위해서 나는 그것을 검정색으로했습니다.

Answer 3

양식 컨트롤이 그 때까지에 인라인 요소를 줄 것이다되도록 CSS 부모 요소 너비를 너비가 너무 좁아서 자연스럽게 맞출 수있는 경우를 제외하고는 모두 자체 요소입니다.

<input type="text" id="myText"/><label for="myText">My Label</label> 

CSS를 이러한 방식으로 배치 할 필요없이 기본적으로 왼쪽으로 떠 있습니다.