html - Space between Divs -


in code strange space rendered in between 2 inner divs in following html structure

<body>      <div class='datepicker'>         <div id="daydiv" class='daydiv' style='background-color:blue'>             <div class="" style='display: inline-block; height:10%;width:10%;background-color:red;vertical-align:top'>              </div>             <div class="" style='display: inline-block; height:10%;width:10%;background-color:red;vertical-align:top'>              </div>         </div>     </div> </body> 

the innermost divs rendered space in between of them , want remove that.

following jsfiddle link see page styles-sheet.

note: margin, border , padding 0 elements

remove white space between divs , goes away

    <div class='datepicker'>         <div id="daydiv" class='daydiv' style='background-color:blue'>             <div class="" style='display: inline-block; height:10%;width:10%;background-color:red;vertical-align:top'>              </div><div class="" style='display: inline-block; height:10%;width:10%;background-color:red;vertical-align:top'>              </div>         </div>     </div> 

jsfiddle example or jsfiddle example (uses html comments)


Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -