Hướng dẫn tạo equal height columns với HTML và CSS - DEMO
RUN
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> body{ background: #BBBBBB; } .container { margin: auto; width: 500px; } .col { margin: auto; display: table-cell; padding: 16px; width: 100px; } </style> </head> <body> <div class="container"> <h2>Freetuts.net hướng dẫn tạo equal height columns với HTML và CSS</h2> <div class="col" style="background:red"> <h2>Column 1</h2> <p>PHP</p> </div> <div class="col" style="background:yellow"> <h2>Column 2</h2> <p>HTML</p> <p>CSS</p> <p>PYTHON</p> <p>JAVASCRIPT</p> </div> <div class="col" style="background:red"> <h2>Column 3</h2> <p>LARAVEL</p> <p>JQUERY</p> </div> </div> </body> </html>
PHÓNG TO