text-align

• text-align는 절대로 자신을 정렬하는게 아니라,
  자신이 가지고 있는 텍스트를 정렬한다.
• text-align 부모에 의해서 정렬이 된다.
• display:inline; 에 text-align의 속성 부여는 의미 없는 짓이다.
  • display:inline; 속성은 글자화에 넓이 최소화이다.
    그래서 이미 정렬한 공간이 없는데
    그 안에 있는 글자를 정렬하는것은 의미없는 짓이다.
• display:inline; 속성을 가진 엘리먼트를 중앙정렬 하고 싶다면 그 상위의 부모 태그를 만들어서 부모태그에 속성을 주어야 한다.
• display:block 속성을 엘리먼트는 글자가 아니다.
  엘리먼트를 텍스트화 시켜서 중앙정렬을 하고 싶다면 display:inline-block의 속성을 부여하면 된다.
• display:block에 엘리먼트의 부모에 속성을을 줘도 정렬이 안되는 이유는 화면 넓이를 최대화 했기 정렬한 공간이 없기 때문이다.

text-align은
display:block에 있는 글자나 display:inline 계열들이 중앙정렬 되며, display:block에 태그를 걸어줘야한다.
즉 글자화된 엘리먼트나, 글자를 위한 정렬이다.