Можно ли выровнять нижний центр div по ширине?

Question

Можно ли выровнять div по центру (т. Е.), Всегда нужно, чтобы div был в нижнем центре с фиксированным положением в указанной ширине. Я знаю, чтобы это было слева или справа? есть ли способ?

Answer 1

Я думаю, что это может помочь вам

CSS:

 #parent{
    position:fixed;
    bottom:0px;
    width:100%;   //width should be 100%
 } 
 #child{
    width:100px; //min width should give to center the div.
    margin:0px auto; //here it will make center 
 }    

HTML

<div id='parent'>
    <div id='child'>
      centered div
    </div>
</div>

Answer 2

.myDiv
{
   position: fixed;
   bottom: 0px;
   width: 200px;
   margin-left: auto;
   margin-right: auto;
}

Answer 3

Другие ответы у меня не сработали, но вот что изменило ответ Шивы. Сделайте комбинацию div родитель-ребенок, где один захватывает нижнюю часть страницы, а другой захватывает центр вот так

.bottomOfThePage{
    position:fixed;
    bottom:0px;
    width:100%;
}
.centerOfThePage{
    text-align: center;
    //other text stuff like color
 }

HTML

<div class="bottomOfThePage">
    <div class="centerOfThePage">
        <p>footerStuffHere</p>
    </div>
</div>