html - Gap between two <div> tags with display:inline-block -


so, i'm using display:inline-block put 2 <div> tags side side in html. have no margin , no padding.

still there appears gap between 2 <div> tags.

my question why there gap in first place. shouldn't <div>s flush next each other? artifact of spec or not? happens across browsers. (tested on ie , chrome)

here's image enter image description here http://jsfiddle.net/v60e8wm5/1/

as display short of inline, there space between them <b>hello,</b> world have space between them.

because there space between tags

<div>test</div> <div>test</div> 

test with

<div>test</div><div>test</div> 

or

<div>test</div><!-- --><div>test</div> 

Comments

Popular posts from this blog

1111. appearing after print sequence - php -

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

Ruby on Rails, ActiveRecord, Postgres, UTF-8 and ASCII-8BIT encodings -