입력 텍스트 필드 위에 위치?

Question

<input> 텍스트 필드 위에 .select-delete을 배치하고 싶습니다. 이전에 한 번 해봤지만, 아쉽게도 코드를 잃어 버렸습니다. 주변 요소 인 CSS 속성이 달랐습니다. 내가 부정적인 margin-top 시도했습니다 http://jsfiddle.net/gPF8X/

하지만이 텍스트 뒤에 뒷면에 보내 숨겨져 : 당신은 내가 무슨 말을 참조/편집 할 수 있도록 여기에

내 JS 바이올린에 대한 링크입니다 들. 나는 또한 float을 설정하려고 시도했다. 동일한 효과를 가진 margin 설정을 변경했다.

모든 편집은/원하는 효과를 가지고 답변 주시면 감사하겠습니다! 이처럼

Answer 1

http://jsfiddle.net/gPF8X/2/

:

나는 상대에 #box의 위치를 ​​설정합니다. 당신은 당신이 태그에 입력을 포장 할 수도와의 여러 인스턴스를 가질려고하는 경우에

는 또한

#box { 
    margin: 20px auto 20px; 
    background: #fff; 
    width: 460px; 
    padding: 20px; 
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6); 
    color: #444; 
    position:relative; 
} 
.select-delete { 
    margin-left: 430px; 
    margin-top: 0px; 
    background: url(http://cdn2.iconfinder.com/data/icons/aspneticons_v1.0_Nov2006/delete_16x16.gif) no-repeat; 
    height: 16px; 
    width: 16px; 
    position:absolute; 
    top:40px; 

}