<form>
<div class="put">
<span style="position:relative;width:10%;">이름</span>
<input type="text"/>
</div>
<div class="put">
<span style="position:absolute;left:300px; right:0;top:500px;bottom:0;">비밀번호</span>
<input type="password"/>
</div>
<div class="put">
<span style="float:left;position:relative;width:10%;">자기소개</span>
<textarea cols="80" rows="12"></textarea>
</div>
<input type="submit" value="가입하기"/>
</form>
body 부분이구요,
.put {margin-top:10px;}
.put input[type="text"]{/*margin-left:128px;*/border-radius:20px 20px 20px 20px;}
.put input[type="password"]{/*margin-left:100px;*/border-radius:20px 20px 20px 20px;}
.put textarea{/*margin-left:106px;*/border-radius:20px 20px 20px 20px;}
input[type="submit"]{width:63%;/*margin-left:160px;*/border-radius:20px 20px 20px 20px;}
input:focus{
background-color:orange;
}
.put>textarea:focus{
background-color:orange;
}
위에 스타일 부분입니다.
스타이 부분에 주석처리 해 놓으신것을 보면 마진으로 시도해보았지만, 잘 안됩니다....
* 예외 : 테이블 태그를 이용하면 안됩니다 .. 디브를 사용해서 해야합니다.
꼭 한번 봐주시고 이 문제가 해결이 되었으면 좋겠습니다 !