Text Box Tutorial (Soap Opera) - Posts

<!DOCTYPE html> <html> <head> <title>Skibidi Toilet Lore</title> </head> <body> <div style="color: lime; font-size: 20pt; text-align: center; border: 12px dotted silver; background-color: grey"> Floating Box Examples/Soap Opera<br/> The Story Explains Itself </div> <div style="width: 75%; height: 62px; background-color: lime; margin 20px;"> In the INTENSE struggle between Olivebox and Navybox, they need to find a way to rekindle their long lost love <br/> The other boxes are kinda just chillin'... FOR NOW!!! </div> <div style="float: right; border: 4px ridge red; padding: 19px;"> this is the coolest floating box that ever floated</br> there is no floating box that can even compare <div style="float: left; border: 4px inset navy; padding: 19px;"> this is a box within a box<br/> </div> <div style="float: left; border: 4px outset olive; padding: 19px;"> this is another box within a box<br/> </div> <div style="float: left; border: 4px dotted maroon; padding: 19px;"> this is yet another box within box<br/> <div style="float: left; border: 4px double lime; padding: 19px;"> this is another box within a DIFFERENT box<br/> <div style="float: left; border: 4px outset wheat; padding: 19px;"> this is yet another box within a box<br/> <div style="float: right; border: 4px dashed navy; padding: 19px;"> ...other than this one.<br/> </div> <div style="float: right; border: 4px solid red; padding: 19px;"> I promise, no more boxes...<br/> </div> </div> </div> </body> </html>