Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div style="height: 150px;">
- <div style="width: 55px;float:left;">
- <div>340.8</div>
- <div style="background-color:#95111d; height: 75px;">
-
- </div>
- </div>
- <div style="width:55px;float:left">
- <div>340.8</div>
- <div style="background-color:#9e9e9e; height: 115px;">
-
- </div>
- </div>
- <br style="clear: both" />
- </div>
- <div id="wraper">
- <div id="c1">
- <div id="h1">340.8</div>
- <div id="b1">
-
- </div>
- </div>
- <div id="c2">
- <div id="h2">340.8</div>
- <div id="b2">
-
- </div>
- </div>
- <br style="clear: both" />
- </div>
- <div class="container">
- <div class="bar">
- <div>
- <div>340.8</div>
- <div style="background-color:#95111d; height: 75px;"> </div>
- </div>
- </div>
- <div class="bar">
- <div>
- <div>340.8</div>
- <div style="background-color:#9e9e9e; height: 115px;"> </div>
- </div>
- </div>
- <br style="clear: both" />
- </div>
- .container {
- height: 150px;
- }
- .bar {
- width: 55px;
- float: left;
- position: relative;
- height: 100%;
- }
- .bar > div {
- position: absolute;
- left: 0;
- right: 0;
- bottom: 0;
- text-align: center;
- }
- <html>
- <body>
- <div style="height: 150px;position:relative;" >
- <div style="width: 55px;float:left;position:absolute;bottom:0;left:0px;">
- <div style="background-color:#95111d; height: 75px;"> </div>
- <div>340.8</div>
- </div>
- <div style="width:55px;float:left;position:absolute;bottom:0;left:55px;">
- <div style="background-color:#9e9e9e; height: 115px;"> </div>
- <div>340.8</div>
- </div>
- <br style="clear: both" />
- </div>
- </body>
- </html>
- <span class="bar" style="height:75px;background-color:#95111d;">
- <div class="label">340.8</div>
- </span>
- <span class="bar" style="height:115px;background-color:#9e9e9e;">
- <div class="label">350.1</div>
- </span>
- .bar {
- display:inline-block;
- width: 55px;
- vertical-align:bottom;
- }
- .label {
- position:relative;
- top:-1em;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement