Đặt text ở giữa ngang và dọc

Canh lề giữa là một kĩ thuật không quá phức tạp. Hiện có nhiều cách để bạn đạt được điều mình mong muốn. Chúng ta sẽ cùng review những phương pháp giúp đặt text vào giữa văn bản hoặc vào giữa một element khác.

#main {
max-width: 600px;
margin: 0 auto; 
}
<div id="main">

Using max-width instead of width in this situation will improve the browser's handling of small windows. This is important when making a site usable on mobile. Resize this page to check it out! https://dev.to/palashmon/center-text-vertically-and-horizontally-in-css-42b1?fbclid=IwAR0A7p33n74ZnvKnbSuIeDtv-5ltj9KORPO-Wm1I_TiXyoKfEnKT6-jJrnA

By the way, max-width is supported by all major browsers including IE7+ so you shouldn't be afraid of using it.

</div>
5 / 19
  • Creative Commons License