Posts

Showing posts from July, 2024

diisplay

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . box { height : 200 px ; width : 200 px ; background : #80c79c ; } . gallery { display : flex ; gap : 9 px ; } </style> </head> <body> <div class ="gallery" > <div class ="box" > Box 1 </div> <div class ="box" > Box 2 </div> <div class ="box" > Box 3 </div> <div class ="box" > Box 4 </div> </div> </body> </html>

Visiblity display

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> div { visibility : hidden ; } </style> </head> <body> <p> A property called visibility allows you to hide an element from view. You can use this property along with JavaScript to create very complex menu and very complex webpage layouts. <div> <h1> Computer </h1> </div> You may choose to use the visibility property to hide error messages that are only displayed if the user ne </p> </body> </html>