전체 DIV 폭

Question

에 텍스트를 확장하는 방법이 같은 텍스트와 사업부가 있습니다

<div class="somos-especialistas"> 
<p><span style="color: #ff7a00;">Especialistas en climatizaci&oacute;n</span> <span  style="color: #0092d4;">y deshumidificaci&oacute;n de piscinas</span></p> 
</div> 

을 그리고 나는 페이지 태그 안의 텍스트는 컨테이너 사업부의 전체 폭으로 확장하고자합니다. 사업부에 대한

CSS :

.somos-especialistas 
{ 
    width: 960px; 
    font-stretch: expanded; 
} 

나는 글꼴 스트레칭을 사용 : 확장;하지만 작동하지 않습니다. 나는 그것이 많은 브라우저에서 지원하지 않는다는 것을 알았다. 그걸 얻는 방법에 대한 아이디어가 있습니까?

JsFiddle : 당신이 내부 동적 텍스트가없는 경우 check code here

Answer 1

, 당신은

letter-spacing:9px; 

http://jsfiddle.net/sQ9ck/2/

또는 단어 간격을 간격 편지를 사용할 수 있습니다

word-spacing:70px; 

http://jsfiddle.net/sQ9ck/6/

또는 모두

letter-spacing:5px; 
word-spacing:44px; 

http://jsfiddle.net/sQ9ck/10/

Answer 2

의 조합은 당신의 CSS 클래스에 다음 스타일을 추가합니다.

text-align:justify;