2010-06-09 5 views
1

을 중심으로하지만 중심 원하는 그 입증 어려워 ...CSS/HTML이 용이해야한다 텍스트 상자

내 요소는 정확히 내가 텍스트가 중심 원하지 않는 <input type="text">

, 단지 텍스트 상자입니다 바깥 쪽 div 안에

.temp123 
{ 
margin: 0 auto; 
margin-left: auto; 
margin-right: auto; 
} 

텍스트 상자 왼쪽에 남아 :

<div class ="temp123"> 
    <input type="text" /> 
</div> 

어디 작동하지 않는 내 시도이다.

외부 사업부는 300 픽셀의 고정하고 자체 margin: 0 auto;

답변

4
.temp123{ 
    text-align:center; 
} 
.temp123 > input{ 
    text-align:left; 
} 

하거나 사용하여 중심 (하지만 테스트하지) : 당신의 CSS에서

.temp123 > input{ 
    margin: 0 auto; 
    margin-left: auto; 
    margin-right: auto; 
} 
+0

후자는 효과가 없었지만 첫 번째 제안은 대우를 받았습니다! – Robert

1

당신이 사업부의의를 선택하고 여백, div 외부의 공간.

당신은 도움이 .temp123 input {...}

희망처럼 선택해야합니다.

4

어쩌면 나는 질문을 얻지 못하고 있지만 이것은 그렇게해야합니다.

<style> 
.temp123 
{ 
margin: 0 auto; 
margin-left: auto; 
margin-right: auto; 
text-align:center; 
} 
</style> 
<div class ="temp123"> 
    <input type="text" /> 
</div>