HtmlCss. 14. 문제// text-align를 이용해 텍스트 정렬하기

문제

정답

내 풀이

<div>
  안녕하세요.
</div>

<section>
  잘가세요.
</section>

<nav>
  또 봐요
</nav>

/* 몰라도 됩니다. */
div, section, nav {
  border:3px dotted red;
  margin:10px;
  padding:10px;
}
/* 몰라도 됩니다. */
div {
  text-align : left;
}
section {
  text-align : center;
}
nav {
  text-align : right;
}

선생님 풀이

<div>
  안녕하세요.
</div>

<section>
  잘가세요.
</section>

<nav>
  또 봐요
</nav>

/* 몰라도 됩니다. */
div, section, nav {
  border:3px dotted red;
  margin:10px;
  padding:10px;
}
/* 몰라도 됩니다. */

div {
    text-align:left;
}

section {
    text-align:center;
}

nav {
    text-align:right;
}

핵심사항

text-align
: 텍스트나 display:inline;/display:inline-block;의 정렬을 설정하는 속성

• left : 왼쪽 정렬
• right : 오른쪽 정렬
• center : 중앙정렬
• justify : 균등분할

그외 start ,end ,direction ,writing-mode 등등이 있음