CSS issue - large gap and don't know how to narrow it down

On this site:

http://subastaprlive.auctionserver.net/view-auctions/individual-lots/?key=

Under the word "Estimates" there is an unusually large gap and I'm wondering how I can reduce it.
SWB-ConsultingAsked:
Who is Participating?
 
CCSOFlagConnect With a Mentor Commented:
it's because the estimate div that you have is a block element.  Block elements automatically puts a <br /> after the div.  So when you put another one in it adds another line completely.  Then you have another div which is another block which starts another new line.  Removing that <br /. will move the values up beneath the word estimate.

So essentially you have three <br /> there in that spot because of how block elements work.  If you do not want the element to be a block, then change the display attribute to something else.  For example you could do display: inline-block (although IE doesn't recognize this).  If you did this, THEN you would want the <br /> there to force the values to move below the word estimates.
0
 
udoobuCommented:
Hello! It looks like there is a <br> tag right under "Estimates" that's causing the spacing. Are you able to remove that <br> or is it set in a template or something?
0
 
SWB-ConsultingAuthor Commented:
Yes the br tag is set and it has to be there, but it also appears at other places and doesn't cause such large gaps ...
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.