css-align-element-center RUN
 
1
<!DOCTYPE html>
2
<html>
3
  <head>
4
    <style>
5
      .center {
6
      margin: auto;
7
      width: 300px;
8
      border: 1px solid red;
9
      padding: 10px;
10
      }
11
     #test {
12
       width: 600px;
13
      border: 1px solid red;
14
      padding: 10px;
15
     }
16
    .child {
17
      margin: auto;
18
      width: 300px;
19
      border: 1px solid red;
20
      padding: 10px;
21
      }
22
    </style>
23
24
  </head>
25
  <body>
26
    <h1>Các phần tử div, h1, p sau đây là phần tử block</h1>
27
    <div class="center">Đây là phần tử div</div>
28
    <h1 class="center">Đây là phần tử h1</h1>
29
    <p class="center">Đây là phần tử p<p>
30
    <div id=test>Đây là phần tử div cha không có algin
31
     <div class="child">Đây là phần tử div con</div>
32
    </div>
33
    <h1>Các phần tử span, a sau đây là phần tử inline</h1>
34
    <span class="child">Đây là phần tử span</span>
35
    <a class="center">Đây là phần tử a</a>
36
  </body>
37
</html>
PHÓNG TO