Sublime Text
<!DOCTYPE html> <html> <head> <style type="text/css"> .div1 { border:1px solid black; padding:30px; margin: 20px; } .div2{ border:2px solid black; padding-left:200px; margin: 30px 40px; background-color: blue; color:white; } .div3{ border:20px solid black; padding: 50px; margin: 100px; background-color: green; } </style> </head> <body> <div class="div1">Phần tử này có padding 30px và margin20px</div> <div class="div2">Phần tử này có padding-left 200px, margin-top và margin-bottom là 30px,margin-left và margin-right 40px, màu nền là blue</div> <div class="div3">Phần tử này có padding 50px, margin 100px, màu nền green, kiểu đường viền là solid</div> </body> </html>
<!DOCTYPE html> <html> <head> <style type="text/css"> .div1 { border:1px solid black; padding:30px; margin: 20px; } .div2{ border:2px solid black; padding-left:200px; margin: 30px 40px; background-color: blue; color:white; } .div3{ border:20px solid black; padding: 50px; margin: 100px; background-color: green; } </style> </head> <body> <div class="div1">Phần tử này có padding 30px và margin20px</div> <div class="div2">Phần tử này có padding-left 200px, margin-top và margin-bottom là 30px,margin-left và margin-right 40px, màu nền là blue</div> <div class="div3">Phần tử này có padding 50px, margin 100px, màu nền green, kiểu đường viền là solid</div> </body> </html>