Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
HTML
CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <section class="float-layout"> <article class="left-column"> <h2>Content</h2> <p>Floated left and cleared using ::after clearfix.</p> </article> <aside class="right-column"> <h3>Sidebar</h3> <p>Floated right.</p> </aside> </section> </body> </html>
body { font-family: "Inter",sans-serif; margin: 0; padding: 40px; background: #f8fafc; } .float-layout::after { content: ""; display: block; clear: both; } .left-column { float: left; width: 60%; background: #fff; padding: 24px; border-radius: 12px; box-shadow: 0 10px 25px rgba(15,23,42,0.1); } .right-column { float: right; width: 35%; background: #eef2ff; padding: 24px; border-radius: 12px; }
