CSS_div태그

오늘은 div 태그에 대해서 포스팅할게요!

우선 <div>태그란 단락이나 구역을 나눌때 사용하는 태그입니다!

바로 사용해 보도록 하겠습니다.

div태그로 단락을 묶어주면 영역이 정해집니다.

style에서는 div의 테두리를 파란색으로 1px굵기의 선으로 묶고 패팅과 마진값을 부여하였습니다.

결과화면은 아래와 같게 나오게됩니다.

이해를 더 돕기 위해서 색깔로 구분을 한번 해보도록 하겠습니다.

div태그의 속성은 다음줄로 넘기는 속성이 있습니다.

이렇게 코딩을 하면 어떤 결과가 나올까요? 

각 구역의 값을 30%로 3개를 넣으면 한줄에 코딩이 되어야 하지 않을까요...?

결과는 다음과 같습니다.

다음줄로 넘어가게 되죠. 왜냐하면 div는 다음줄로 넘기는 속성이 있기 때문입니다.

그렇다면 한줄에 3개를 넣을려면 어떻게 해야 할까요...?

다음과 같이 코딩을 하게 되면

결과값이 한줄에 나오게 됩니다.

감사합니다!