HTML-CSS Canh thẻ div nằm giữa màn hình

<style>
 #content {
position: absolute;
top: 50%;
left: 50%;
height: 150px;
margin-top: -75px;/* height/2 */
width: 220px;
margin-left: -110px; /* width/2 */
background: red;
}
</style>
<div id="content">
</div>

Kết quả:

Còn nếu bạn không biết trước chiều rộng và chiều cao thì thế nào?
Khi ấy chúng ta sẽ kết hợp javascript để lấy ra chiều rộng, chiều cao của thẻ có thuộc tính id là content, rồi write ra css.

 Sưu tầm