css - About the layout of ul

Question

The bootstrap framework is used.
After I wrote it, I found that the margins between the text and the picture were weird and couldn’t be adjusted.
Please help me write it (I don’t need to write the content, I just want to know how to coordinate the various margins of each part)

Answer 1

Place the text within the p tag and give the p tag margin-left. Is it okay to exceed the width of the image?

Answer 2

Is this the effect you want? I usually position the image absolutely, set the padding-left of the text on the right to a value larger than the width of the image, and then adjust it with the browser debugging tool