I have a div
of page width and 70% text width.
I need to put a phrase in the right corner but in the same line as the original text, without disturbing the centralization of the original text.
#mainContent {
width:70%;
margin:auto;
}
#bottomContent {
z-index:-1;
height:50px;
text-align:center;
color:#999;
font-size:10px;
background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.RodapeDireita {
font-size:10px;
z-index:1;
float:right;
}
<div id="mainContent">
<!--Aqui vai o restante do site-->
<div id="bottomContent">
<span style="font-size:12px">
Nome da empresa<br />
Endereço da empresa<br />
Telefone da empresa
</span>
<span class="RodapeDireita">
©Copyright da Empresa
</span>
</div>
</div>
In the above case, how can I make sure that the company's copyright does not "push" the company's phone to the left?
Thank you.