How to push something down

Currently I have the codings

#header {
	background: #1e1b1a; 
	border-bottom: 10px solid #383332; 
	padding: 10px;
}

#branding { 
	width: 960px; 
	margin: 0 auto; 
}

#header .m1 {
	text-align: right;
}

Code (markup):

Header and branding are my logo and lets assume it's the right coding. ".m1" is a text based coding that's above and to the right of the logo. However, I want them, as in "header" and ".m1" being on the same row, how do I do that?

 

Can you post some sample HTML? I know it will definitely help for figuring this out.

 

<div id="header">
<div id="branding">
<div class="m1">
<?php code here that's on the top right side?>
</div>

<div class="logo"><img src="images/logo.png" alt="<?php echo ML_SITE_NAME ?>" /></div>
</div>
</div>

Code (markup):

There's the html code right there. And thanks for trying.

 

Do you mind if the HTML code is altered to fit it better?

 

If it does the job right, I don't mind at all.

 

The same CSS will apply. This will just be much easier to work with.

<div id="branding">
	<div id="header">
		<div class="logo">
			<img src="images/logo.png" alt="<?php echo ML_SITE_NAME ?>" />
		</div>
	</div>
	<div class="m1">
	<?php code here ?>
	</div>
</div>

Code (markup):

 

k I got it working, thanks a lot CodedCaffeine.