なぜか文字が縦並びになる現象

Question

発生している問題・エラーメッセージ

なぜか上のコードだとliの文字の中が縦並びになるのはどうしてでしょうか？

該当のソースコード

.header-right ul li {
    margin-right: 5%;
    padding: 10px 20px;
}

.header-right ul li {
    margin-right: 20px;
    padding: 10px 20px;

ここにより詳細な情報を記載してください。

Answer 1

liの中にaタグがあるのを見逃していた
こちらにpaddingをつけて解決した