Question

I am designing a website and I am trying to have one header with two smaller headers floating next to it, one under each other. I tried doing it here, about halfway down where it says “About” and “what your saying.”

The about section appears correct because the smaller width pushes the next line down. BUT, on the right I cant get the text “testimonials” to be under “client’. I figured simply floating everything to the left would work, but apparently not. I have tried a lot of css tricks but cant seem to figure it out.

Thanks for the help.

Answer 1

Make the top span display block and remove the float left from both

span.top {
  color:white;
  display:block;
  font-size:16px;
  margin-bottom:2px;
}

span.bottom {
  color:#28DDFF;
  font-size:13px;
}