Html divs not aligning vertically
Question
I'm trying to vertically align two Google Charts, one Bar Chart and one PieChart -> http://plnkr.co/edit/OtXFlav09r4WvoYC16X0?p=preview
Inside the body I have:
<body>
<div style="margin-left: 5px; width: 100%;">
<d2 style="float: left;">
<big>Oil Consumption - Barrels (from 1965)</big>
</d2>
<br />
<br />
<d2 style="float: left;">BP Statistical Review of World Energy, June 2015</d2>
<br />
<br />
</div>
<div style="width: 100%; overflow: hidden; margin-left: 5px; margin-top: 20px;">
<div id="div"></div>
<div id="div1" "float:="" left;"=""></div>
</div>
but the two charts do not get aligned. Why?
UPDATED CODE
<body>
<div style="margin-left: 5px; width: 100%;">
<d1 style="float: left;"><big>Oil Consumption - Barrels (from 1965)</big></d1> <br><br>
<d1 style="float: left;">BP Statistical Review of World Energy, June 2015</d1> <br><br>
</div>
<div style="width: 100%; overflow: hidden; margin-left: 5px; margin-top: 20px;">
<div id="div"></div>
<div id="div1" style="float: left;"></div>
</div>
</body>
1 answers
solution1
1 ACCPTED 2015-11-02 21:45:57
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Aligning divs vertically in HTML 5
Vertically aligning animated divs
Aligning DIVs horizontally and vertically
html5 vertically aligning 3 Divs even-spaced
Icon not aligning vertically center in html Bootstrap 5
Aligning html grid items to wrap vertically
Arranging 4 divs parallel vertically using html css
Aligning text vertically from top to bottom HTML5 CSS3
Aligning boxes(divs) of equal size in html symmetrically according to their number
Vertically aligning an image with CSS
Related Tags