CODEWITHSUNDEEP
css
fresher
fresher

Reputation: 911

reduce empty space between 2 texts using css

please visit these links :

1st link : http://site1.com/ellisha-s-world-states-of-india-1.html

2nd link : http://site1.com/ellisha-s-world-science-1.html

search for word "CASH" , under "Cash on delivery" , you can see

1)Available & 2) Not Available.

but there is more empty space between "CASH ON DELIVERY" & "Not available"

I want to reduce the space as in 1st link.

Upvotes: 1

Views: 99

Answers (2)

Pushp Singh
Pushp Singh

Reputation: 596

<h5 style="position:relative;bottom: 13px;margin-bottom: -13px;"> CASH ON DELIVERY </h5>
**" Not Available**

Here, you have unnecessary double quote, just simply remove it. And Your code will work fine.

Upvotes: 2

Lemon Kazi
Lemon Kazi

Reputation: 3311

In your second link 'CASH ON DELIVERY' in different html tag

change that html tag and inline CSS You can try this CSS without margin on inline <h5> tag

.reduce {
clear: both;
float: left;
bottom: 13px;
border-radius: 2px;
color: #666;
display: inline-block;
font-size: 11px;
height: 0px;
line-height: 6px;
position: relative;
text-align: center;
text-decoration: none;
}

html

<h5 style="position:relative;bottom: 11px;">
  CASH ON DELIVERY 
</h5>

available link

enter image description here

not available link

enter image description here

Upvotes: 4

Related Questions