HTML+CSS+JavaScript

реально ли вообще избавиться от отступа и выведения на экран САМОГО LI если он присутствует в тексте
?!
или есть другие теги, которые функционируют так же, но без отступа. Рисую дерево каталога - сильно большой отступ выходит :(
СПАСИБО

вот усё что знаю про форматировании этих тэгоф в плане отсупов:

<ul style="margin-left: 5; padding-left: 5; list-style:none">
<li style="padding-top:5px; padding-bottom:5px">Вариант 1</li>
<li style="padding-top:10em; padding-bottom:10em; padding-left:0px">Вариант 2</li>
<li style="padding-top:0em; padding-bottom:0em">Вариант 3</li>
</ul>
<ul style="margin-left: 5; padding-left: 5; list-style:square">
<li style="padding-top:5px; padding-bottom:5px">Вариант 1</li>
<li style="padding-top:10em; padding-bottom:10em; padding-left:0px">Вариант 2</li>
<li style="padding-top:0em; padding-bottom:0em">Вариант 3</li>
</ul>
<ul style="margin-left: 5; padding-left: 5; list-style:circle">
<li style="padding-top:5px; padding-bottom:5px">Вариант 1</li>
<li style="padding-top:10em; padding-bottom:10em; padding-left:0px">Вариант 2</li>
<li style="padding-top:0em; padding-bottom:0em">Вариант 3</li>
</ul>

упрощенная модель
<style>
ul {padding:0;margin:0;list-style:none;}
ul li{padding:0;margin:0;list-style:none;}
</style>
далее просто

<ul>
<li>text</li>
</ul>

хотелось бы без стилей, но вроде во всех браузерах работает - спасибо ГИгаМЕга

ну без стилей
<span>.......<span><br>
<span>.......<span><br>
<span>.......<span><br>