align text on the same line on the left and right?

on my blog I am putting up, I want to have the new postings listed in a certain way.
When I post something, in a blue bar above the post there is the name of the post, then the time, then the date.
I am not really familiar with CSS, but I figured out how to move the name, time, and date around. Even to make them all align to the left and to the right.
However, I would specifically like to make the name of the post align on the left, then have the time/date align on the right. This would leave a gap between them that will always change based on how long the name of the post is.
I cannot figure out in CSS how to tell part of it to align left and the rest of it to align right.
Here is the code currently in my index.php file that pertains to this:
.date {font-weight:bold; background-color:#000099;
color:#ffffff; padding:2px; text-align:right}
“<p class=”date”>”
<?php the_title() ?>
<?php the_date() ?>
<?php the_time() ?>
“”
The text-align:right sets it currently to all align to the right. How can I fix this?