skillz4k1l
New Member
I have the following HTML code where the \[code\]subnav\[/code\] div is a collection of \[code\]div\[/code\] tags that will act as tabs across the the \[code\]featuredexhibit\[/code\] div. Problem is that there is a white space adding between the top of the \[code\]featureexhibit\[/code\] div and bottom of the \[code\]subnav\[/code\] tab.HTML:\[code\]<div id="subnav"> <div id="subnavtab"><a href="">Plan Your Visit</a></div> <div id="subnavtab"><a href="">Tour the Museum</a></div> <div id="subnavtab"><a href="">Program & Events</a></div> <div id="subnavtab"><a href="">Membership</a></div> <div id="subnavtab"><a href="">Donate</a></div></div><div id="featuredexhibit"> Featured Exhibit - this can be a rotating menu of exhibits</div>\[/code\]CSS:\[code\]#subnav { margin-top: 20px; width: 740px; display: inline-block; }#featuredexhibit { width: 732px; height: 200px; background-color: #A7A9AC; margin: 0; }#subnavtab { background-color: #A1CD3A; float: left; padding: 10px 10px 10px 10px; margin: 0 5px 0 0; display: inline-block; }\[/code\]I have tried using the Chrome Developer Tools to find the issue but I do not have any luck or I do not know what to look for.