Вы можете преобразовать его в неупорядоченный список:
HTML
<ul>
<li>Text</li>
<li>in</li>
<li>multiple</li>
<li>lines.</li>
</ul>
CSS
ul
{
list-style-type: square;
}
ИЛИ использовать блоки отображения блока с фоновым изображением:
HTML
<span class="bg_square">
Text
</span>
<span class="bg_square">
in
</span>
<span class="bg_square">
Multiple
</span>
<span class="bg_square">
Lines
</span>
CSS
span.bg_square
{
display: block;
background-image: url(path/to/little_square.gif);
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 20px;
}
Пример здесь .