html - 如何对齐 "Click here"旁边的图标？

Question

如何在“单击此处”旁边对齐图标？

我能够使用下面的 CSS 来完成它，但是在 PC 上使用 firefox、chrome 和 safari 时图标没有对齐。

<div class="link_container">
            <a href="#" class="click_action">Click here</a> 
            <a class="sprite_image action_image"></a>
            </div>


.link_container {
    margin-top: -10px;
    padding-bottom: 10px;
}
.click_action {
    color: #999;
    font-size: 12px;
    text-decoration:none;
}
.sprite_image {
    background: url('sprite.png');
}
.action_image {
    background-repeat: no-repeat;
    background-position: -116px -12px;
    width: 10px;
    height: 10px;
    position: absolute;
    margin-left: 3px;
    margin-top: 4px;
}

Answer 1

您可以将其添加到 .click_action 和 .sprite_image CSS:

float: left;