如何相邻放置两个元素

我正在用呈现HTML页 Thymeleaf . 我的用户名显示在右上角的屏幕上。我想添加一个链接,如果用户没有验证他的电子邮件,我将显示该链接。我正试图使链接出现在括号中用户名的后面。这是HTML的一部分

<div th:if="${isLogged}" class="div-block-10">
    <div class="user_name" th:text="${user.getFirstName() + ' ' + user.getLastName()}">Your Name</div>
    <div th:if="${!user.isEmailValidated()}" class="div-block-13">
        <div class="email_confirmed">
            <a th:href="@{'/email/send/' + ${user.getToken()}}">Your email is not confirmed!</a>
        </div>
    </div>

用户名的CSS

.div-block-10 {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 98px 27px 0px auto;
    text-align: left;
}

在完成了CSS教程之后,我掌握了一些基本知识,似乎我不了解显示属性。我想用这种方式为用户保留CSS,链接的CSS是

.div-block-13{
    position: absolute;
    margin: 98px auto 0px auto;
    text-align: right;
}

我的逻辑是我希望它在同一高度的页面上,所以我保持了98px和0px 同时在右边对齐,这样,如果用户名在左边移动的时间更长,并且链接在右边保持不变。还尝试了所有位置属性,但我的链接显示不正确-离开屏幕或不在同一高度