Сделать две строки в одной?

Question

[Кирилл Осадчук]

Должно быть так

а получилось такое

<footer>
    <p class="footerp">© 2017 GitHub Inc. All rights reserved.</p>
    <nav class="navm">  
        <a href="#" class="navm active">Terms of Service</a>
        <a href="#" class="navm active">Privacy</a>
        <a href="#" class="navm active">Security</a>
        <a href="#" class="navm active">Support</a>
    </nav>
</footer>

.navm {
margin-top: 20px;
margin-left: 100px;
margin-top: 1px;

    }
 .active {
    line-height:250px;
    font-size: 14px;
    text-decoration: none;
    color: #4183c4;
 }

Comments

[Михаил]

line-height:250px;
чо?

Answer 1

[Ilya Muromtsev]

footer {
   display: flex;
   justify-content: space-around;
}

ну или justify-content: space-between;

Comments

[Ilya Muromtsev]

и уберите line-height:250px; или сделайте поменьше =)

[Кирилл Осадчук]

не помогло

[Кирилл Осадчук]

Ilya Muromtsev, спасибо :)

[Ilya Muromtsev]

Кирилл Осадчук, РАБОТАЕТ

Answer 2

[Ankhena]

https://jsfiddle.net/04q1urnL/

footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navm {
  /*margin-top: 20px;*/
  margin-left: 100px;
  margin-top: 1px;

}

.active {
  /*line-height: 250px;*/
  font-size: 14px;
  text-decoration: none;
  color: #4183c4;
}