css-align-element-center
RUN
<!DOCTYPE html> <html> <head> <style> .center { margin: auto; width: 300px; border: 1px solid red; padding: 10px; } #test { width: 600px; border: 1px solid red; padding: 10px; } .child { margin: auto; width: 300px; border: 1px solid red; padding: 10px; } </style> </head> <body> <h1>Các phần tử div, h1, p sau đây là phần tử block</h1> <div class="center">Đây là phần tử div</div> <h1 class="center">Đây là phần tử h1</h1> <p class="center">Đây là phần tử p<p> <div id=test>Đây là phần tử div cha không có algin <div class="child">Đây là phần tử div con</div> </div> <h1>Các phần tử span, a sau đây là phần tử inline</h1> <span class="child">Đây là phần tử span</span> <a class="center">Đây là phần tử a</a> </body> </html>
PHÓNG TO