Question

After solving my last problem with CSS position a new one came up.

Live Demo

Now I can’t get any space between the <table>'s and the div with class hr.

Any idea on how to solve this?

Answer 1

A div is dimensionless so you need to add some “volume” to it to achieve spacing with the content above it. You can accomplish this by adding some height using CSS to the hr class.

Do like this:

.hr {
  height: 20px; /* set this # to whatever you'd like */
  width: 100%;
 }