Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Let's Coding Example</title> </head> <style> .clear-both { clear: both; background-color: lightcoral; padding: 10px; } .float-left { float: left; width: 150px; height: 150px; margin: 10px; background-color: lightblue; } .float-right { float: right; width: 150px; height: 150px; margin: 10px; background-color: lightgreen; } </style> <body> <div class="float-left">Float Left</div> <div class="float-right">Float Right</div> <div class="clear-both">Cleared both floats</div> </body> </html>
console output