상황3(양쪽 플로팅)

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>상황3(양쪽 플로팅)</title> <style> .column{ outline:1px #f00 dotted; padding:2%;} .one{ width:66%; float:left;} .two{ width:26%; float:right;} </style> </head> <body> <div class="column one">one1 1 1 1 1 1 1 1 1 1 1 1 11 1 1 1 1 1 11 1 1 1 1 11 1 1 1 1 1 1 1 1 1 </div> <div class="column two">two1 1 1 1 1 1 1 11 1 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 </div> </body> </html>...

원문링크 : 상황3(양쪽 플로팅)