Guest User

Untitled

a guest
Mar 13th, 2018
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.98 KB | None | 0 0
  1. <div class="page-wrapper">
  2. <div class="left-panel-wrapper">
  3. <div class="left-panel">
  4. some content some content some content some content some content some content some content some content some content
  5. </div>
  6. </div>
  7.  
  8. <div class="content-wrapper">
  9. <div class="content">
  10. some content some content some content some content some content some content some content some content some content
  11. </div>
  12. </div>
  13.  
  14. <div class="right-panel-wrapper">
  15. <div class="right-panel">
  16. some content some content some content some content some content some content some content some content some content
  17. </div>
  18. </div>
  19. </div>
  20.  
  21. .page-wrapper {
  22. display: table;
  23. width: 100%;
  24. height: 100%;
  25. }
  26.  
  27. .left-panel-wrapper, .right-panel-wrapper {
  28. display: table-cell;
  29. width: 100px;
  30. height: 100%;
  31. background-color: #f6f8fa;
  32. }
  33.  
  34. .left-panel, .right-panel {
  35. display: inline-block;
  36. }
  37.  
  38. .content-wrapper {
  39. display: table-cell;
  40. }
  41.  
  42. .content {
  43. width: 100px;
  44. margin: 0 auto;
  45. }
Add Comment
Please, Sign In to add comment