CSS Alignment - Wordpress

Ok I am editing a wordpress theme i purchased however I am trying to align an image that doesnt seem to want to line up… Most likely Im doing it wrong and this is hopefully where you come in…

Site/Beta Version: Avillafan Beta

Now I want the newsnow image to go in the center of that space.

The coding in the header reads:

			<div id="logo">
				<a href="<?php bloginfo('url'); ?>">
					<?php if ( $logo = get_option('of_logo') ) { ?>
					<img src="<?php echo $logo; ?>" alt="<?php bloginfo( 'name' ); ?>" />
					<?php } else { ?>
					<img src="<?php echo bloginfo('stylesheet_directory') ?>/functions/theme-admin/images/logo.png" alt="" />
					<?php } ?>
				</a>
			</div>
<div class="newsnow"><a href="http://www.NewsNow.co.uk/nn/Avillafan" target="_blank"><img src="http://www.avillafan.com/newsnow.gif"/></a></div>

And My CSS Reads:

#logo {
float:left;
display: inline;
margin-bottom: 0px;
margin-top: 3px;
}

/*  NEWSNOW  */
#newsnow {
	float: right;
	display: inline;
	margin-top: 20px;
	padding-top: 100px;
}

So if someone could help me achieve what Im trying to achieve it would be much appreciated.

It would be helpful if you could put it in there, so we can mess with the CSS live and work out how to place it.

It is in there :confused:

All you need to do is add 1 more simple CSS selector, you can the selector below.

.newsnow {
    float: right;
    text-align: center;
    width: 310px;
}

I have done that but its made no difference :confused:

It’s not in your CSS file. If you place the code SgtLegend gave you, the element will center.

Its in the CSS file :confused:

http://avillafan.com/beta/blog/wp-content/themes/vibrant/style.css

Makes no difference.

You’ve got this:

[COLOR="Red"]#[/COLOR]newsnow {
    float: right;
    text-align: center;
    width: 310px;
}

but that targets an id, not a class. Should be this:

[COLOR="Red"].[/COLOR]newsnow {
    float: right;
    text-align: center;
    width: 310px;
}

Suggested code has to be exact. :smiley: