Скажем, у меня есть класс css под названием "автор", как в этом коде:
.author {
background:url('img/user91.png');
background-size:10px 10px;
background-repeat:no-repeat;
color:#62c6ff;
bottom: 0;
font-family: sans-serif;
text-decoration: none;
text-transform: lowercase;
font-size: 9px;
margin-left: 20px;
margin-top: 70px;
}
и html:
<p class="author"><a href="#">@jimmy</a></p>
Я хочу, чтобы @jimmy отображался в ap и в левой части @jimmy, чтобы отобразить фоновый рисунок.
вам нужно добавить
background-position: 0 0; padding-left: 10px /*this should be equal to image width*/
классу.author
Надеюсь это поможет!
вам нужна ссылка на скрипку, чтобы показать это?
Вы должны использовать фоновое положение для размещения изображения с левой стороны:
background-position: левый центр;
или
background-position: 0 0;
А затем сыграйте с дополнением, чтобы разместить ссылку на автора:
padding-left: 15px;
просто используйте это
'background:url("img/user91.png") no-repeat right 0px; '