[CSS] 사이즈에 따라 텍스트를 보이고 숨기는 처리 (꼼수)ㅋ

1. 해당 글에서는 폭이 400px이하 일 때 텍스트를 숨김

2. 우선 가로폭이 400px이하에 대한 텍스트 숨김 스타일 추가

@media screen and (max-width: 400px) {

   #head .cont .none_txt{display: none;}
}

3. 400px이상일 경우 텍스트 표시 스타일 추가.

#head .cont .none_txt{display:inline}

5. html 

<div style="display:inline">홍길동</div>
<div class="none_txt">천재</div>

6. 위와 같은 작업을 하고나면 폭이 400이 되었을 때 텍스트를 숨기며, 커졌을 경우 다시 텍스트가 표시된다.