标题中没有填充或边距

Question

我无法从标题中缩进，但我不知道如何修复它？

  <header class="page-header">
            <section class="logo">
                <i class="logo-img"> </i>
            </section>

        <section class="menu">
            <ul class="main-menu">
                <li><a href="#">Главная</a></li>
                <li><a href="#">Правила</a></li>
                <li><a href="#">Тест</a></li>
                <li><a href="#">Список смотрителей</a></li>
            </ul>
        </section>

        <section class="profile-avatar">
            <img height="50px" width="50px" src="img/ava.png">

            <ul class="profile-menu">
                <li>
                    <a href="#">Профиль</a>
                </li>
                <li>
                    <a href="#">Выйти</a>
                </li>
            </ul>
        </section>
    </header>

如果我在标题中添加了clearfix，它会给他更多的高度..

代码在这里https://jsfiddle.net/tLtkmcy9/

正确的解决方案是使用 float：right;

将高度添加到类中

Answer 1

这是你的printf()，如果你让他漂浮在右边，它不再是你必须玩高度，它会没事！试试class="profile-avatar"

Answer 2

请尝试使用下面提到的HTML代码

style =“position：relative; top：-4px; left：-4px;”

  

                          Передтемкакподаватьзаявкунасмотрителя，Выдолжныпройтитест！

                      

谢谢，

的Animesh