wordt niet als lijst getoond

Met artisteer heb ik onderstaande code gemaakt.
En heb zelf dan later de tekst toegevoegd.
Echter toont hij niet op de juiste manier de

<li>, deze staat gewoon links uitgelijnd, ipv als een lijst met daarin een inspringing.
Hoe kan ik toch de lijst goed getoond krijgen?
(is trouwens maar een gedeelte van de totale code)

<div class="art-content-layout">
    <div class="art-content-layout-row">
    <div class="art-layout-cell" style="width: 100%" >
	<p>Welkom op onze website en blog.</p>

        <h3><br></h3><span style="color: rgb(189, 189, 189);"><br></span><hr style="border:none;background-color:#bdbdbd;color:#bdbdbd;height:1px;">

Wij, Raymond Cornielje en Eva Vandenhaute, zijn de gelukkige bezitters van 2 retrievers.
Over deze 2 retrievers zal je dan ook het meeste lezen op de blog.

Het andere gedeelte zal algemene informatie zijn over:

	<li>Retrievers, retrieverrassen, retrieverfokkers, .........</li>
	<li>Whisky, een andere passie van Raymond</li></p>
    </div>
    </div>
</div>
<div class="art-content-layout">
    <div class="art-content-layout-row">
    <div class="art-layout-cell" style="width: 33%" >
        <p></p><div id="65bf3cfb75a047568e3e6c3afa3cfa2f" style="position: relative; display: inline-block; z-index: 0; margin: 0px;  border-width: 0px;  " class="art-collage">
<div class="art-slider art-slidecontainer65bf3cfb75a047568e3e6c3afa3cfa2f" data-width="190" data-height="170">
    <div class="art-slider-inner">
<div class="art-slide-item art-slide65bf3cfb75a047568e3e6c3afa3cfa2f0">

</div>
<div class="art-slide-item art-slide65bf3cfb75a047568e3e6c3afa3cfa2f1">

</div>

    </div>
</div>
<div class="art-slidenavigator art-slidenavigator65bf3cfb75a047568e3e6c3afa3cfa2f" data-left="82.11">
<a href="#" class="art-slidenavigatoritem"></a><a href="#" class="art-slidenavigatoritem"></a>
</div>

    </div>