Product Page Not Matching My Description Layout Bullet Points

[Yumeworx]

Having an issue where bullet points are not in effect 

so my item points are all in one line i hate that 

however when scroll down they are place correctly 

 

would like it more to be instead to be

- S O F T

- T O T H E T O U C H

- Y O U W O N T W A N T F E F E

- O F F Y O U R B O D Y

Any help would be fantastic 

<style>
body.template-product .description_tab li {
list-style
div.container {
background-color: #ffffff;
}
div.container p {
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: #000000;
background-color: #ffffff;
}
</style>
<div class="container">
<p>- S O F T</p>
<p>- T O T H E T O U C H</p>
<p>- Y O U W O N T W A N T F E F E</p>
<p>- O F F Y O U R B O D Y</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>- Online orders are made to order there is a little bit of a wait</p>
<p> </p>
</div>

[AnneLuo]

Hi, @Yumeworx 

Just add the code in it.

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!