Sublime Text
<!DOCTYPE html> <html> <head> <style type="text/css"> .father{ border:1px solid black; height:100px; margin-bottom:20px; } .test_01{ background-color:yellow; height:100%; } .test_02{ background-color:yellow; height:50%; } .test_03{ background-color:yellow; height:25%; } </style> </head> <body> <div class="father"> <div class="test_01">- Lập Trình Web</div> </div> <div class="father"> <div class="test_02">- Lập Trình Web</div> </div> <div class="father"> <div class="test_03">- Lập Trình Web</div> </div> </body> </html>
<!DOCTYPE html> <html> <head> <style type="text/css"> .father{ border:1px solid black; height:100px; margin-bottom:20px; } .test_01{ background-color:yellow; height:100%; } .test_02{ background-color:yellow; height:50%; } .test_03{ background-color:yellow; height:25%; } </style> </head> <body> <div class="father"> <div class="test_01">- Lập Trình Web</div> </div> <div class="father"> <div class="test_02">- Lập Trình Web</div> </div> <div class="father"> <div class="test_03">- Lập Trình Web</div> </div> </body> </html>