css - how to position an element centrally and another floating right on the same line -

at bottom of page, have markup:

<footer class="general">     <span class="fr">&copy; copyright 2013</span>     <h3>stuff written here</h3> </footer> 

class "fr" makes element float right. want achieve, have both heading , span on same line want span floating right , heading centered respect full width, not between left edge , span (which current case).

specific css code:

.general {     margin: 5px 0;     text-align: center;     text-transform: uppercase; }  .fr {     float: right; } 

how adding styles h3?

this works me:

.general {     margin: 5px 0;     text-align: center;     text-transform: uppercase; } .general h3 {     width:250px;     margin: 5px auto; } .fr {     float: right; }