 
The list-inline object displays its list elements as a horizontal row.
        <ul class="list-inline">
            <li>Foo</li>
            <li>Bar</li>
            <li>Baz</li>
        </ul>
             
    .list-inline
        <ul class="list-inline">
                <li>Foo</li>
                <li>Bar</li>
                <li>Baz</li>
            </ul>
             
    
                
                $inuit-list-inline-namespace:           $inuit-namespace !default;
                
                // if we want to use a delimiter character
                $inuit-enable-list-inline--delimited:   false !default;
                $inuit-list-inline-delimit-character:   ",\00A0" !default;