一个点击<a>消除对应<div>的布局问题

目的是想当点击"x"的时候， 消除错误信息的<div>， 目前遇到了一个布局的问题， 如何将<a>放到每个错误信息<li>的右侧。 部分关联代码如下:

     <?php if (!empty($res->err_msg)) : ?>
        <div class="alert alert-danger">
            <?php foreach ($res->err_msg as $s_msg) : ?>
                <li><?php echo $s_msg; ?><a style="text-align: right">x</a></li>
            <?php endforeach; ?>
        </div>
    <?php endif; ?>

目前表示在文字信息的右边， 如何放到整个ul右边的位置，或者时其他的一些方法可以点击消除


img

感谢解答帮助

可以定位，可以用浮动 。再或者 flex布局 里的 justify-content: space-between;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box{
            display: flex;
            justify-content: space-between;
            width: 400px;
            height: 50px;
        }
        a{
            display: inline-block;
            height: 50px;
            line-height: 50px;
        }
    </style>
</head>
<body>
    <div class="box">
         <p>6666</p><a href="">777</a>
    </div>
</body>
<script>

</script>
</html>

用float:right

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632