center text with css logout link set to far right of table

[jasonc]

how do i place the logout link to the far right of a table?

 

<style type="text/css">
.logoutright {
position: relative;

}
</style>
<table width="100%">
      <tr>
            <td width="100%" valign="top">
            <div class="center">
            Welcome to the Members section
            </div>
            <div class="logoutright">
            <a href="logout.php" class="logoutright">Logout</a>
            </div>
            </td>
      </tr>
</table>

 

at present it shows like this...

Welcome to the Members section

Logout

 

but i would like it to show like this

 

                              Welcome to the Members section                  Logout

 

 

 

the welcome part completely centered and then the logout link added to the far right

 

i have tried to use dreamweavers edit css feature but can not figure it out at all

[smerny]

float:right the .logoutright

[smerny]

and to be honest you shouldn't use tables for layout...

 

and do you even have a css class for center?