Expressionless Vertical Fill 2 CSS


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. body{
  2. margin: 0px;
  3. }
  4.  
  5. .container{
  6. border: 5px solid pink;
  7. position: absolute;
  8. top: 50px;
  9. left: 200px;
  10. height: 400px;
  11. width: 350px;
  12. }
  13.  
  14. .header{
  15. height: 50px;
  16. background-color: green;
  17. position: absolute;
  18. z-index: 3;
  19.  
  20. top: 0px;
  21.  
  22. width: 100%;
  23. }
  24.  
  25. .display{
  26. background-color: blue;
  27. height: 100%;
  28. border-top: 50px solid red;
  29. }
  30.  
  31. .content{
  32. background-color: yellow;
  33. height: 100%;
  34. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.