개발공부/HTML

개발공부 4일차 - 1.html 텍스트 정렬하기(가운데정렬, 왼쪽정렬, 오른쪽정렬)

게임하는엄마 2018. 5. 31. 20:54

 

 

 

개발공부 4일차

 

작심삼일은 지났다!

 

오늘은 텍스트 정렬하기를 해봤다.

 

 

 

정렬할 단락 마다 정렬할때는 

 

 

<p style="text-align:정렬위치(center or left or right);">

 

 

넣으면 된다.

 

 

 

 

 

 

 

 

 

 

 

 
 
   <p style="text-align:center;">가운데 정렬</p>
 
<p style="text-align:left;">왼쪽 정렬</p>
 
<p style="text-align:right;">오른쪽 정렬</p>
 

 

 

 

 

 

 

바디 전체에 적용할 때는 

 

<body style="text-align: 정렬위치(center or left or right);">

 

 

 

 

 

 

 

 

 

바디에 적용하면 바디 안에 들어가는 텍스트들이 바디 정렬위치를 따른다.

 

 

<body style="text-align: center;">

<p>바디 텍스트 정렬<br>
가운데 정렬이 잘 될까 </p>
 
 
</body>