i tried something like the code u sent... (my footer has a certain width of 60px for example.
i want it right in the middle and in the footer:
<div class="down">
<div class="downcenter"> footer
</div>
</div>
<style>
.down{
}
.downcenter{
bottom: 0;
position: absolute;
display: block;
background-color: rgba(0,0,0,.5);
color:#fdfdfd;
width: 100px;
height:20px;
margin-left: auto;
margin-right: auto;
}
</style>
but it wont work it goes to the left and stick there!
i even tried this but it is in left corner and wont move to center:
.down{
bottom: 0;
position: absolute;
height: 20px;
width: 200px;
margin:0 auto;
}
.downcenter{
display: block;
background-color: rgba(0,0,0,.5);
color:#fdfdfd;
width:100%;
}