<!DOCTYPE html> <html> <head> <style> .parent{ display:flex; width:300px; height:300px; background-color:rgba(230,230,230,1); flex-wrap:wrap; place-content: center; } .child{ background-color: lightgreen; color:white; border-radius:3px; padding:6px; margin:0px; margin-right:2px; border:2px solid rgba(150,150,150,1); } </style> </head> <body> <div class="parent"> <p class="child">#First1 #Firs1 #Firs1</p> <p class="child">#Second2 #Second2 #Second2</p> <p class="child">#Third3 #Third3 #Third3</p> </div> </body> </html>
Run
×
Share