Поместите левый и правый элементы в одну строку, используя css

Question

Мне нужно поместить эту маленькую go в правую часть сайта. Вот так сейчас выглядит:

And I need this:

введите описание изображения здесь

Я использую этот 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;

}

Есть идеи, как этого добиться? Спасибо.

Answer 1

Используйте float и удалите из него position: absolute.

float:right

Но из того, что я вижу, эта часть lo go находится внутри фона. Вам нужно включить как автономный тег img и использовать float.

И используйте его перед селектором, а не: after

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

Пожалуйста, попробуйте сделать это без float: right .

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