In an attempt to replicate a specific style in my <ul>
, I have utilized the CSS property list-style-image
. However, I am facing difficulties aligning the text after the image. How can I achieve this desired alignment? You can view the current output in the following image:
https://i.sstatic.net/fwZrm.png
Below is the code snippet I have been working with:
#engineering-features {
li {
list-style-image: url(../img/engineering/li.png);
font-size: 1.2rem;
}
}
I came across a similar question on Stack Overflow, but unfortunately, the most popular solution provided did not resolve my issue.