How to – Square Box for Organized Lists

Hey guys,

Here is the screenshot that sums up and explain the whole situation:
Screenshot

My HTML code is simple:

<ol>
<li> content </li>
</ol>

Nothing more.

The css I’m using is:

ol {
    color: white;
    background-image: url(https://demo.krsites.com/wp-content/uploads/2015/01/pinksquare.gif);
    background-repeat: no-repeat;
}