Tryit
w3schools
Flip
Run »
<!DOCTYPE html> <!DOCTYPE html> <html lang="en-US"> <head> <title>Obscurity</title> <meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .signpost { padding: 70px 0; display: flex; justify-content: center; } .sign { width: 450px; height: 150px; font-family: verdana, sans-serif; text-align: center; color: rgb(75, 75, 75); background-color: paleturquoise; } img { /* resize foreground pictures to fit a mobile screen with CSS */ width: auto ; max-width: 100% ; height: auto ; } </style> </head> <body> <div class="signpost"> <div class="sign"> <h2>Obscurity and a competence—</h2> <h3>that is the life that is best worth living.</h3> <p style="font-family:'Comic Sans MS',arial,helvetica,sans-serif;">Mark Twain</p> </div></div> </body> </html>