piffy

CSS Float

Jan 2nd, 2021
534
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width">
  6.     <title>repl.it</title>
  7.     <style>
  8.       .fleft {float:left}
  9.       .fright {float:right}
  10.       .fclear {clear:left}
  11.     </style>
  12.   </head>
  13. <body>
  14.  
  15. <div style="border:1px solid #cccccc;">
  16.   Qualche testo introduttivo....
  17.  
  18.   <div class="fleft" style="border: 2px solid red;">Scatola 1</div>
  19.   <div class="fright" style="border: 2px solid green;">Scatola 2</div>
  20.   <div class="fleft fclear" style="border: 2px solid red;">Scatola 3</div>
  21.  
  22.   Testo conclusivo.....
  23. </div>
  24. </body>
  25. </html>
RAW Paste Data