For a html `<li>` element, the textual content begins after some spacing on the left. I don't know how to say it properly. But I am referring to the space I drew with the red line as shown in the picture below: 

[![enter image description here](https://i.stack.imgur.com/sI66V.jpg)](https://i.stack.imgur.com/sI66V.jpg) 

For a `<p>` element there is no such spacing in the textual content. Picture below:

[![enter image description here](https://i.stack.imgur.com/Jcwkv.jpg)](https://i.stack.imgur.com/Jcwkv.jpg)

I am unfamiliar if there is some CSS term that is used to describe this effect ?

I am also curious if it is possible for content inside the `<p>` element to have that kind of spacing as seen in the `<li>` element ?

Thank you.