[css] 상위속성 inline-block일때, 화면 가운데 텍스트/div 정렬하기+텍스트 줄바꿈 처리하기

 

outer를 감싸는 상위 div class는 info_main

 

 

 

 

콘텐츠 화면 위/아래 중앙배치하기

 <div class="inner"></div> 안에 있는 콘텐츠들을 화면 가운데(위/아래)로 배치하고싶다

 

 

바깥네모가 class="outer"&amp;amp;amp;amp;amp;nbsp; 안쪽(하늘색)이 class="inner"

 

 

 

 

콘텐츠 화면 왼쪽-오른쪽 중앙배치하기

 

+추가

버튼 div를 화면 가운데(왼쪽-오른쪽)로 배치하고싶다

 

정중앙배치는 이 두가지를 모두하면된다! (네줄이 되겠다!)

 

 

 

 

 

 

---

참고사이트

[CSS] 텍스트 줄바꿈 처리 word-break, white-space :: 행복하기 (tistory.com)

[CSS] 텍스트 줄바꿈 처리 word-break, white-space

[HTML/CSS] div 가운데 정렬 하는 방법 | Deeplify

[HTML/CSS] div 가운데 정렬 하는 방법