Advertisement
Guest User

Untitled

a guest
Jun 25th, 2017
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.82 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title></title>
  5. </head>
  6. <body>
  7.  
  8.     <div id="my-head">
  9.         <div class="my-hair" style="height: 100px; width: 400px; background-color: brown;">
  10.            
  11.         </div>
  12.         <div class="my-face" style="height:auto; width: 400px; background-color: #FFD1A4; text-align: center; padding: 60px 30px; box-sizing: border-box;">
  13.  
  14.             <div class="my-eyes">
  15.  
  16.                 <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;">
  17.                     <div class="eye" style="height: 30px; width: 30px; background-color: black;"></div>
  18.                 </div>
  19.  
  20.                 <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;">
  21.                     <div class="eye" style="height: 30px; width: 30px; background-color: black;"></div>
  22.                 </div>
  23.  
  24.             </div>
  25.  
  26.             <div class="my-nose" style="margin-top: 20px; text-align: center;">
  27.                 <div class="nose" style="height: 30px; width: 30px; background-color: #FFAF60; margin-left: calc(50% - 15px); border-radius: 99px;"></div>
  28.             </div>
  29.  
  30.             <div class="my-mouth" style="margin-top: 30px;">
  31.                 <div class="mouth" style="height: 90px; width: 200px; background-color: #F75000; position: relative; margin-left: calc(50% - 100px);">
  32.                     <div class="teeth" style="height: 30px; width: 200px; background-color: white; position: absolute; top: 0;"></div>
  33.                     <div class="teeth" style="height: 30px; width: 200px; background-color: white; position: absolute; bottom: 0;"></div>
  34.                 </div>
  35.             </div>
  36.  
  37.         </div>
  38.     </div>
  39.  
  40. </body>
  41. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement