html - Divs displaying outside of container div -
there strange issue in simple html structure. here html code <body> <div class='datepicker' style="display: inline-block"> <div id="daydiv" class='daydiv borderme'> <div id='uparrowdivs' class="borderme" style='display: inline-block; height:10%;width:100%;'> <div class='uparrowdiv borderme'> </div> <div class='uparrowdiv borderme'> </div> </div> </div> </div> </body> here 2 innermost divs displaying outside of parent div has id "uparrowdivs". here jsfiddle link can see whats going on in stylesheet. add rule .uparrowdiv vertical-align: top; see the fiddle