HTML Lists aligning bullets with wrapped text

I am trying to align the bullets with the first line of the text that is getting wrapped up to the next line. However, I am unable to do so. By default, the bullet is aligning with the second line. Any help would be appreciated.

ul.listings {      columns: 2;      column-gap: 50px;      line-height: 16px;      -webkit-columns: 2;      -moz-columns: 2;      display: block;      padding-right: 6px;  }

<ul class="listings">     <li>         <a href="#" title="IT,Software Development - DBA,Datawarehousing">IT/Software Development - DBA/Datawarehousing         </a>     </li>  </ul>

This is the issue I am facing:

https://stackoverflow.com/questions/66758107/html-lists-aligning-bullets-with-wrapped-text March 23, 2021 at 02:13PM