<p class="zero">Hello World!</p>
<p class="one">Hello World!</p>
<p class="two">Hello World!</p>
<p class="three">Hello World!</p>
p.zero {
padding: 30px;
/* 30px sẽ ứng với phía trên, phía dưới. bên trái và bên phải */
border: 1px solid red;
}
p.one {
padding: 30px 50px ;
/* 30px sẽ ứng với phía trên và phía dưới, 50px ứng với bên trái và bên phải */
border: 1px solid red;
}
p.two {
padding: 30px 50px 40px;
/* 30px sẽ ứng với phía trên, 50px ứng với bên trái và bên phải, 40px ứng với bên dưới*/
border: 1px solid red;
}
p.three {
padding: 30px 50px 40px 20px;
/* 30px sẽ ứng với phía trên, 50px ứng với bên phải, 40px ứng với bên dưới, 20px ứng với bên bên trái*/
border: 1px solid red;
}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.