一个div里面 放了两个a标签 我想其中一个左对齐 一个右对齐 请问这个css该怎么写

一个div里面 放了两个a标签 我想其中一个左对齐 一个右对齐 请问这个css该怎么写

flot:left 和 float:right . 或者楼上的 flex布局

<div style="display:flex;justify-content: space-between;border: 1px solid red;width: 100px;">
        <a href="">左</a>
        <a href="">右</a>
</div>

        <div class="all">
            <span id="left"><a href="#">左</a></span>
            <span id="right"><a href="#">右</a></span>
        </div>

.all {
    display: flow-root;
}
#left{
    float: left;
}
#right{
    float: right;
}

• 可以查看手册：css 盒子的对齐方式 Flex 布局中的对齐方式 中的内容

用flex布局

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