How to remove the indent from the bottom?

Question

Fonts

When using float, an indent from below appeared. Rather, after applying clearfix, so that the background can be set.
prntscr.com/g87hb6 is the problem itself.

<footer class="clearfix">
    <div class="container">
      <ul class="one_footer_block">
        <li id="firstli">2017 © Северный брус</li>
        <li id="numberli"><span>[phone]</span></li>
        <li>Управление бизнесом - <a href="#">Rovertask</a></li>
        <li id="lastli"><span>Отправляя форму на сайте,</span>
        <span>вы соглашаетесь с политикой </span>
<span>конфиденциальности данного сайта</span></li>
      </ul>
      <ul class="two_footer_block">
        <li><span>Дома</span></li>
        <li><a href="#">Из бруса</a></li>
        <li><a href="#">Из калееного бруса</a></li>
        <li><a href="#">Из сухого бруса</a></li>
        <li><a href="#">Деревянные</a></li>
        <li><a href="#">Брусовые</a></li>
      </ul>
      <ul class="three_footer_block two_footer_block">
        <li><span>О компании</span></li>
        <li><a href="#">Мы построили</a></li>
        <li><a href="#>Своё производство</a></li>
        <li><a href="#>Контакты</a></li>
      </ul>
      <ul class="four_footer_block two_footer_block">
        <li><span>Услуги</span></li>
        <li><a href="#">Проектирование домов</a></li>
      </ul>
    </div>
  </footer>

footer {
  border-top: 1px solid #e5e5e5 ;
  margin-top: 50px;
  background-color: #f1f1f1;
  border: 1px solid red;
}

footer ul li {
  font-size: 15px;
  list-style-type: none;
  font-weight: normal;
  font-family: "Proba pro", sans-serif !important;
}

footer ul li a:hover {
  color: red;
  transition: 0.3s;
}

#lastli {
  padding-bottom: 38px;
  width: 247px;
}

#lastli:hover {
  color: red;
  transition: 0.3s;
}

#lastli span {
  border-bottom: 1px solid #dedede;
}

.one_footer_block li {
  padding-top: 20px;
}

.one_footer_block li a {
  text-decoration: none;
  color: black;
  border-bottom: 1px solid #dedede;
}

#numberli span {
  border-bottom: 1px solid #dedede;
}

#numberli:hover {
  color: red;
  transition: 0.3s;
}

#firstli {
  padding-top: 40px;
}

.one_footer_block, .two_footer_block {
  float: left;
  border: 1px solid red;
}

.two_footer_block li a {
  text-decoration: none;
  border-bottom: 1px solid #dedede;
  color: black;
}

.two_footer_block {
  margin-left: 93px;
  padding-top: 30px;
}

.two_footer_block li {
  padding-top: 11px;
}

.two_footer_block li span {
  font-weight: bold;
}


.three_footer_block {
  margin-left: 104px;
}

.four_footer_block {
  margin-left: 107px;
}

Answer 1

https://befonts.com/privus-typefamily.html
https://www.bypeople.com/labyrinth-inspired-font/
https://creativemarket.com/BrandsparkMini/2103687-...
Which doesn't mean you you can take it somewhere for free and use it.

Answer 2

I see you decided to lay out the entire site on a toaster? Can you still take it and figure it out yourself? There are specs on the Internet.
https://www.w3.org/TR/CSS22/visuren.html#floats

Answer 3

RMB on the place of interest → Inspect the element and look at the class-s / id with their styles. Most likely the browser automatically puts it (indentation).