Проблемы выравнивания текста по горизонтали в меню на отзывчивом нижнем колонтитуле svg - PullRequest
Новая
       11

Проблемы выравнивания текста по горизонтали в меню на отзывчивом нижнем колонтитуле svg

0 голосов
/ 28 мая 2019

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

Все примеры, которые я нашел в Интернете, содержат примеры ссылок, но мне кажется, что я что-то упустил, и я очень новичок в html css ... извините, если я задаю тупой вопрос ... 

footer {
  position:fixed;
  bottom:0px;
  left:0;
  height: 77px;
  width: 100%;
  margin: auto;
  font: 30px "Elastik-B";
  z-index:99;

}

.footer ul{
    display:block;
    text-align:center;
    list-style-type: none;   
}


.footer li {
   position:absolute;
   margin: 20%;
   padding:5px;
   display: inline-block;
   bottom:15px;
   right:5%;


<footer>
<div class="footer">


<ul>
    <li><div id="humidity">15%</div></li>
    <li><div id="temp">15°</div></li>
    <li><div id="clock">15h15m15s</div></li>
    <li><div id="date" class="date">15.15.15</div></li>
  </ul>




    <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1670 97" preserveAspectRatio="none">
<g>
    <path fill="#FE4A11" d="M1669,52.659V97H847.357H0V52.659l122.675-16.814l142.712,3.871c0,0,231.45-27.464,236.787-27.78
        c5.336-0.316,272.148,27.132,272.148,27.132l198.221-14.81l360.398,14.679l231.414-15.818L1669,52.659z"/>
    <path fill="#FE4A11" d="M1669,52.659V97H847.357H0V52.659l122.675-16.814l142.712,3.871c0,0,231.45-27.464,236.787-27.78
        c5.336-0.316,272.148,27.132,272.148,27.132l198.221-14.81l360.398,14.679l231.414-15.818L1669,52.659z"/>
</g>
</svg>

</div>
</footer>
...