Выровнять релятив Div внизу

Question

Я хочу выровнять свой элемент Div в нижней части страницы. Он имеет ширину 100%, но с каждой стороны должен иметь по 10 пикселей.

.footer { 
    position: relative; 
    font-size: 70%; 
    background-color: white; 
    width: 100%; 
    margin: 15px 0 15px 0; 
    bottom: 0; 

} 

<div class="footer"> 
     <ol> 
    <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li> 
    <li>Aliquam tincidunt mauris eu risus.</li> 
    <li>Vestibulum auctor dapibus neque.</li> 

Но здесь у вас есть скрипка

https://jsfiddle.net/osws9p4s/

Я надеюсь, что вы, ребята, можете мне помочь: D

Answer 1

Я извлекал ширину и использовали левую и право собственности с позиции ... Пожалуйста, проверьте ниже код и ссылку, надеюсь, что это помогает.

Demo

.footer { 
    position: absolute; 
    font-size: 70%; 
    background-color: white; 
    margin: 15px 0 15px 0; 
    bottom: 0; 
    left:15px; 
    right:15px;  
} 

Answer 2

сделать положение абсолютным, и он будет в нижних

.footer { 
position: absolute; 
font-size: 70%; 
background-color: white; 
width: 100%; 
margin: 15px 0 15px 0; 
bottom: 0; 
} 

Обновление ели:

https://jsfiddle.net/osws9p4s/