CODEWITHSUNDEEP
csshtml
Rama Rao M
Rama Rao M

Reputation: 3051

remove gap between div tags

There is an unnecessary gap between two divs..Is there any solution to remove that?
Here is the jsfiddle
If you observe the vUiTsTabs and vUiTsContainers div tags, you will find a gap between those two divs...(gap between black and red border).

Upvotes: 1

Views: 2336

Answers (6)

suresh gopal
suresh gopal

Reputation: 3156

Please try this:

Use following css:

.vUiTsTabs {
   display: table;
   border-bottom: 1px solid #660033;
   width: 99.9%;
}

Upvotes: 0

Giulio Quaresima
Giulio Quaresima

Reputation: 140

I fixed it on Chrome putting 'vertical-align: top' in your vUiTsTabs.

Upvotes: 1

Christoph
Christoph

Reputation: 51191

remove the display and clear the float:left on the lis by setting

display:inline-block;
overflow:hidden; /*or auto*/

for .vUiTsTabs and the gap will disappear: modified fiddle

Upvotes: 1

Luca
Luca

Reputation: 9705

clear the <ul> tag (overflow: auto; is enough) and remove display: inline-block; from .vUiTsTabs

demo here: http://jsfiddle.net/FCwjc/3/

Upvotes: 2

Selvamani
Selvamani

Reputation: 7684

I hope this may be helpful to you
use this .vUiTsTabs code

.vUiTsTabs {
border-bottom: 1px solid #660033;
display: table;
margin: 0;
width: 99.9%;
}

Demo: modified demo

Upvotes: 1

Matt Kieran
Matt Kieran

Reputation: 4220

Replace float: left for the li with display: inline-block

Upvotes: 1

Related Questions