Css 将一个图像居中，然后将另一个图像向右浮动

我想要一个有两个图像的div。一个在页面的中心，另一个一直在右边

我尝试将“align:center”添加到div中，这样可以很好地将图像居中。现在，当我添加另一个图像并应用这个：“float:right”时，第二个图像稍微向右移动。所以现在它位于图像和页面左侧之间，而不是整个页面

<div class="navigator" id="basket_status2" align="center">

<a href="javascript:void(0);">
<img src="images/icon/check-out_empty.png" border="0" alt=""></a>


<span style="float: right; ><a href="javascript:history.back();">
<img src="images/back_button.png" border="0" alt="" /></a></span>

</div>

不需要处理浮动。只需根据您的喜好放置按钮：

.navigator {
    width            : 100%;
    height           : 20px;
    background-color : yellow;
    position         : relative;
}

.checkout {
    margin   : auto;
    height   : 20px;
    width    : 20px;
    border   : 1px solid green;
    position : relative;
    display  : block;
}

.back_button {
    height   : 20px;
    width    : 20px;
    border   : 1px solid red;
    position : absolute;
    right    : 0;
    top      : 0;
}

演示：
无需处理浮动。只需根据您的喜好放置按钮：

.navigator {
    width            : 100%;
    height           : 20px;
    background-color : yellow;
    position         : relative;
}

.checkout {
    margin   : auto;
    height   : 20px;
    width    : 20px;
    border   : 1px solid green;
    position : relative;
    display  : block;
}

.back_button {
    height   : 20px;
    width    : 20px;
    border   : 1px solid red;
    position : absolute;
    right    : 0;
    top      : 0;
}

演示：
OK我添加了一些代码，thanksA会更有用。OK的可能重复我添加了一些代码，thanksA会更有用。可能的重复部分稍微偏右。使导航器的宽度为100%并更新。你会发现它有点偏右。原因是图像从中心开始，向右延伸，因此图像本身没有居中。是否保存。看起来还是一样。谢谢。我不得不做一些小的调整，比如删除top:0，改变导航器的高度，但这并没有让你的css工作。非常感谢。它稍微向右。使导航器的宽度为100%并更新。你会发现它有点偏右。原因是图像从中心开始，向右延伸，因此图像本身没有居中。是否保存。看起来还是一样。谢谢。我不得不做一些小的调整，比如删除top:0，改变导航器的高度，但这并没有让你的css工作。谢谢。