how to put list item text and list item image in same line?

后端未结

关注

 1  595

野趣味 2021-01-20 05:41

HTML:-

1条回答

挽巷 (楼主)

2021-01-20 06:23

You can use it as a pseudo element and you will have better control on the position and also the size:

ul {
  list-style:none;
}

li {
  position:relative;
}
li:before {
  content:"";
  position:absolute;
  top:2px;
  left:-20px;
  width:16px;
  height:16px;
  background:url(https://i.stack.imgur.com/yGSp1.png);
}


  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit, consequatur?
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit, consequatur?
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit, consequatur?
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit, consequatur?

0 讨论(0)

热议问题