css - 使用css将左右元素放在同一行

Question

我需要把这个小标志放在网站的右侧。这是现在的样子：

我需要这个：

我正在使用这个 CSS 代码：

.term-151 .page-title.color-scheme-light .entry-title:after {
content: "";

display: inline-block;


background:  url(logourl.jpg here) no-repeat;
width: 30px;
    background-size: contain;
height: 30px;
position: absolute;
    margin-left: 10px;

}

知道如何实现吗？谢谢你。

标签： csswordpressimagewoocommerceline

Answer 1

使用浮动，并从中删除位置：绝对。

float:right

但从我看到的那部分标志是在背景里面。您需要包含作为独立的 img 标签并使用浮动。

并在选择器之前使用它而不是：之后

.term-151 .page-title.color-scheme-light .entry-title

请尝试这样做，没有浮动：对。

.page-title {
    position: absolute;
    top: 0;
    right: 0;
}