Www.Free-Learn.Ir
اجرا کن »
<!DOCTYPE html> <html> <head> <title>سایت آموزشی فری لرن</title> <style> *{ box-sizing:border-box; } .hdiv1,.hdiv2,.hdiv3{ width:33.3333%; float:left; padding:10px; background-color:#00b185; color:#fff; text-align:center; } .as1{ width:30%; float:left; text-align:center; background-color:#2196F3; color:#fff; padding:10px; } .main-content{ width:70%; float:left; border-left:2px solid black; text-align:center; background-color:#FF5722; color:#fff; padding:10px; } .fdiv1,.fdiv2,.fdiv3{ width:50%; float:left; padding:10px; background-color:#00b185; color:#fff; text-align:center; } </style> </head> <body> <header> <div class="hdiv1">div1</div> <div class="hdiv2">div2</div> <div class="hdiv3">div3</div> </header> <main> <aside class="as1">ستون چپ</aside> <section class="main-content">محتوا</section> </main> <footer> <div class="fdiv1">div1</div> <div class="fdiv2">div2</div> </footer> </body> </html>