Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title></title>
- </head>
- <body>
- <div id="my-head">
- <div class="my-hair" style="height: 100px; width: 400px; background-color: brown;">
- </div>
- <div class="my-face" style="height:auto; width: 400px; background-color: #FFD1A4; text-align: center; padding: 60px 30px; box-sizing: border-box;">
- <div class="my-eyes">
- <div class="eye-white" style="height: 50px; width: 50px; background-color: white; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; margin-right: 50px;">
- <div class="eye" style="height: 30px; width: 30px; background-color: black;"></div>
- </div>
- <div class="eye-white" style="height: 50px; width: 50px; background-color: white; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; margin-left: 50px;">
- <div class="eye" style="height: 30px; width: 30px; background-color: black;"></div>
- </div>
- </div>
- <div class="my-nose" style="margin-top: 20px; text-align: center;">
- <div class="nose" style="height: 30px; width: 30px; background-color: #FFAF60; margin-left: calc(50% - 15px); border-radius: 99px;"></div>
- </div>
- <div class="my-mouth" style="margin-top: 30px;">
- <div class="mouth" style="height: 90px; width: 200px; background-color: #F75000; position: relative; margin-left: calc(50% - 100px);">
- <div class="teeth" style="height: 30px; width: 200px; background-color: white; position: absolute; top: 0;"></div>
- <div class="teeth" style="height: 30px; width: 200px; background-color: white; position: absolute; bottom: 0;"></div>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement