Advertisement
Guest User

Untitled

a guest
Oct 31st, 2014
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.08 KB | None | 0 0
  1. <div style="height: 150px;">
  2. <div style="width: 55px;float:left;">
  3. <div>340.8</div>
  4. <div style="background-color:#95111d; height: 75px;">
  5. &nbsp;
  6. </div>
  7. </div>
  8. <div style="width:55px;float:left">
  9. <div>340.8</div>
  10. <div style="background-color:#9e9e9e; height: 115px;">
  11. &nbsp;
  12. </div>
  13. </div>
  14. <br style="clear: both" />
  15. </div>
  16.  
  17. <div id="wraper">
  18. <div id="c1">
  19. <div id="h1">340.8</div>
  20. <div id="b1">
  21. &nbsp;
  22. </div>
  23. </div>
  24. <div id="c2">
  25. <div id="h2">340.8</div>
  26. <div id="b2">
  27. &nbsp;
  28. </div>
  29. </div>
  30. <br style="clear: both" />
  31. </div>
  32.  
  33. <div class="container">
  34. <div class="bar">
  35. <div>
  36. <div>340.8</div>
  37. <div style="background-color:#95111d; height: 75px;">&nbsp;</div>
  38. </div>
  39. </div>
  40. <div class="bar">
  41. <div>
  42. <div>340.8</div>
  43. <div style="background-color:#9e9e9e; height: 115px;">&nbsp;</div>
  44. </div>
  45. </div>
  46. <br style="clear: both" />
  47. </div>​
  48.  
  49. .container {
  50. height: 150px;
  51. }
  52.  
  53. .bar {
  54. width: 55px;
  55. float: left;
  56. position: relative;
  57. height: 100%;
  58. }
  59.  
  60. .bar > div {
  61. position: absolute;
  62. left: 0;
  63. right: 0;
  64. bottom: 0;
  65. text-align: center;
  66. }
  67.  
  68. <html>
  69. <body>
  70. <div style="height: 150px;position:relative;" >
  71. <div style="width: 55px;float:left;position:absolute;bottom:0;left:0px;">
  72. <div style="background-color:#95111d; height: 75px;">&nbsp;</div>
  73. <div>340.8</div>
  74. </div>
  75. <div style="width:55px;float:left;position:absolute;bottom:0;left:55px;">
  76. <div style="background-color:#9e9e9e; height: 115px;">&nbsp;</div>
  77. <div>340.8</div>
  78. </div>
  79. <br style="clear: both" />
  80. </div>
  81. </body>
  82. </html>
  83.  
  84. <span class="bar" style="height:75px;background-color:#95111d;">
  85. <div class="label">340.8</div>
  86. </span>
  87. <span class="bar" style="height:115px;background-color:#9e9e9e;">
  88. <div class="label">350.1</div>
  89. </span>
  90.  
  91. .bar {
  92. display:inline-block;
  93. width: 55px;
  94. vertical-align:bottom;
  95. }
  96. .label {
  97. position:relative;
  98. top:-1em;
  99. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement