센터 텍스트

Question

어떻게이 경우에는 문자를 따라 텍스트를 중심으로 할 ':':

 fubi : lalala 
Blockquote : pepppepp 
     asd : qwerty 

내 유일한 생각은 너와 다른 clases와 라인 당 3 개 가지 요소를 생성 말이지 "좌/중앙/우 "는 가운데가 절대 위치이고 왼쪽과 오른쪽 요소가 각각 오른쪽과 왼쪽으로 정렬되어 있습니다.

Answer 1

약간의 마크 업과 스타일링으로이 작업을 수행 할 수 있습니다.

<label>fubi :</label><span>lalala</span><br /> 
<label>Blockquote :</label><span>pepppepp</span><br /> 
<label>asd :</label><span>qwerty</span><br /> 

CSS :

이

label { 
    display: block; 
    float: left; 
    width: 100px; 
    text-align: right; 
} 
span { 
    margin-left: 5px; 
} 
br { 
    clear: both; 
} 

데모에 대한 this JSFiddle를 참조하십시오.