Header / Logo layout change

I have used a bit of code to move the Header text to the right of the logo... #site-logo, #hgroup { display: inline; float: left; } However the Header text is squashed up against the logo and aligned to the top. How can I move the header text down to align centre with the logo on its left and a small space between them? Logo on left and Header text to the right of the logo?