div에 대해 추가적으로 더 질문합니다!

게시물 수정 , 삭제는 로그인 필요

안녕하세요

 

http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1040205&docId=194798851

에서 답변해주신 것들을 적용해봤는데

 

두번째 div를 쓴 방식이

1. <style type="text/css">
2.     #div1{
3.         float:left;
4.         border:1px red solid;
5.     }
6.    
7.     #div2 {
8.         float:left;
9.         position: relative;
10.         border:1px red solid;
11.         width:100px;
12.         height:190px;
13.     }
14.    
15.     #div3 {
16.         position: absolute;
17.         bottom: 0;
18.         left: 0;
19.         border:1px blue solid;
20.     }
21. </style>
22.  
23. <div id="div1">
24.     <img src="https://www.google.co.kr/images/srpr/logo11w.png">
25. </div>
26. <div id="div2">
27.     <div id="div3">text</div>
28. </div>

 제가 원했던 것에 가까운 것 같아요!

 

 

 

그런데

 

① 올려주신 div가 적용된 그림과 글자가 프레임 안에서 나란히 가운데 정렬되었으면 했는데

 

가운데 정렬이 안되더라구요 @.@

 

② div로 작성된 내용 다음에는 평범하게 글 넣으려고 해요

 

그런데 div 바로 옆쪽부터 글이 시작되더라구요

 

이런식으로요 ↓ 

 

text

이상해요 ㅠㅠㅠ

이상해요 ㅠㅠㅠ

이상해요 ㅠㅠㅠ

이상해요 ㅠㅠㅠ

이상해요 ㅠㅠㅠ

이상해요 ㅠㅠㅠ

이상해요 ㅠㅠㅠ

이상해요 ㅠㅠㅠ

이상해요 ㅠㅠㅠ

이상해요 ㅠㅠㅠ

 

엔터키를 눌러서도 할 수 있겠지만

 

모바일 웹에서는 보이지 않을 방식으로 하고 싶은데,

 

div 밑에서부터 글이 시작되도록은 설정할 수 없을까요...?

 

③ 그리고 네이버에서는 글만 아래쪽 정렬 시키는 게 잘 안되더라구요.

 

이건 어떻게 해야될지 ㅜㅜ

 

 

 

왕초보라 정말 기본적인 질문 같아서 부끄럽네요 ㅜㅠ

 

답변 부탁드립니다!