JSFiddle - React, Tailwind, and code Playground

by Tìm ở đây Khoá học CNTT

HTML

<h2>Căn giữa</h2>
<p>Trong ví dụ này, chúng ta sử dụng thuộc tính line-height với giá trị bằng thuộc tính height để căn giữa phần tử trong khối:</p>

<div class="center">
  <p>Căn giữa theo chiều ngang và chiều dọc.</p>
</div>

CSS

.center {
  line-height: 200px;
  height: 200px;
  border: 3px solid green;
  text-align: center;
}

.center p {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}