Sidebar menu title not showing properly in AdminLte

Question

In AdminLTE theme side bar menu title is not showing properly when the title is long, it breaks the line and show the text below the icon. I want it to start below the first letter of first line I have attached screenshot for this Here in the image "consetetur" should start from exact below the word "Lorem".

and here is my code for:

<li class="treeview">
<a href="#">
    <i class="fa fa-circle-o"></i>
    <span style="padding-right: 50px;white-space: normal;line-height:14px">
        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
    </span>
    <span class="pull-right-container">
        <i class="fa fa-angle-left pull-right"></i>
    </span>
</a>
<ul class="treeview-menu" style="display: none;">
    <li>
        <a href="#">
            <div style="width:100%;display:inline-block">
                <div style="width:10%;float:left;padding-top: 5px;">
                    <i class=" fa fa-arrow-circle-right"></i> 
                </div>
                <div style="width:90%;float:right">
                    Lorem ipsum dolor
                </div>
            </div>
        </a>
    </li>
    <li>
        <a href="#">
            <div style="width:100%;display:inline-block">
                <div style="width:10%;float:left;padding-top: 5px;">
                    <i class=" fa fa-arrow-circle-right"></i> 
                </div>
                <div style="width:90%;float:right">
                    Lorem ipsum dolor
                </div>
            </div>
        </a>
    </li>
</ul>

On using

a {  display: table} a>* {  display: table-cell;}

it shows

Text should start right next to the icon

Thanks.

Answer 1

Updated

1. Check your browser compatibility. For me it is working in chrome.
2. Check this small portion without using any extra html or css.
3. Check your css is overriding this styles.

a {
  display: table
}

a>* {
  display: table-cell;
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a href="#">
  <i class="fa fa-car"></i>
  <span >
        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod Lorem ipsum dolor sitLorem ipsum dolor sit Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod Lorem ipsum dolor sitLorem ipsum dolor sit
    </span>
</a>