By using the list-item keyword as value of the display attribute. The list-item keyword causes the element to generate a ::marker pseudo-element with the content specified by its list-style properties (for example a bullet point) together with a principal box of the specified type for its own contents.
<div class="fake-list">I will display as a list item</div>.fake-list {
display: list-item;
list-style-position: inside;
}Result:
- I will display as a list item
Source: https://developer.mozilla.org/en-US/docs/Web/CSS/display-listitem