Если моя длина текста велика в li div, тогда div span и li height auto adjust ..?

Не слишком уверен, почему absolute+ height+ flex+ float.

Дляheight , absolute, heightи <li style="height:35px;border-bottom:1px solid #ddd;"> <span style="height:35px;display:flex;justify-content:space-between"> <div style="font-family:SertoJerusalem;margin:8px 10px;" id="ui-id-2" tabindex="-1">Ariana Grande Is Looking Beautifull</div> <div style="display:none;">2</div> <div style="margin:8px 10px;" class="garshuninamefont">Justin Biber Selena Gomez</div> </span> </li><li style="border-bottom:1px solid #ddd;"> <span style="display:flex;justify-content:space-between;align-items:center;"> <div style="font-family:SertoJerusalem;margin:8px 10px;" id="ui-id-2" tabindex="-1">Ariana Grande Is Looking Beautifull</div> <div style="display:none;">2</div> <div style="margin:8px 10px;" class="garshuninamefont">Justin Biber <br/>Selena Gomez</div> </span> </li>может быть отброшен:

height: 35px;

Это может быть полезно прочитать https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Удалено liдля li.

<li style="border-bottom:1px solid #ddd;">
  <span style="height:35px;display:flex;">
        <div style="float:right;margin-top:8px;width: 50%;font-family:SertoJerusalem;" id="ui-id-2" tabindex="-1">Ariana Grande Is Looking Beautifull</div>
        <div style="display:none;">2</div>
        <div style="float:left;width: 50%;margin-top:8px;" class="garshuninamefont">Justin Biber Selena Gomez</div>
      </span>
</li>