<!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title></title> <style> .container { width: 50%; height: 100px; border: 3px solid black; } .items { width: 50px; height: 50px; background-color: blue; border: 2px solid red; float: right; margin-right: 50px; font-size: 50px; color: white; } .aa{width: 300px; height: 300px; border: 5px solid darkslategray} .bb{ width: 30px; height: 30px; background-color: yellow; border: 3px solid cyan; float: right; margin-right: 20px; font-size: 20px; color: white} </style> </head> <body> <div class="container"> <div class="items">1</div> <div class="items">2</div> <div class="items">3</div> <div class="items">4</div> <div class="items">5</div> <div class="items">6</div> </div> <div class="aa"> <div class="bb"></div> <div class="bb"></div><div class="bb"></div>
<div class="bb"></div> <div class="bb"></div> <div class="bb"></div> <div class="bb"></div></div>
</body></html>