List Inline

Need lists with no bullets, inline lists, indented lists, hanging lists, underlined lists as in the screenshot from the website, demonstration of larger size.

list-inline

<ul class="list-inline">
<li>these are words</li>
<li>these are words here</li>
<li>these are words</li>
</ul>

Create a <ul> tag that contain <li> tags, and apply the list-inline class.

span-bottom

<ul class="list-inline span-bottom no-break">
<li>these are words</li>
<li>these are words here</li>
<li>these are words</li>
</ul>

Create a <ul> tag that contain <li> tags, and apply the span-bottom class as demonstrated above.

Mix Example

<ul class="list-inline text-size-8 list-looser">
<li>these are words</li>
<li>these are words here</li>
<li>these are words</li>
</ul>

Create a <ul> tag that contain <li> tags, and apply the list-inline class.

<ul class="list-inline text-size-4 text-leading-11 text-uppercase">
<li class="font-bold">Tags</li>
<li class="evo-box box-0 box-round-2 margin-right-10 padding-top-5 padding-bottom-5 padding-left-7 padding-right-10 evo-gray-light-bg"><a href="#">>these are words</a></li>
<li class="evo-box box-0 box-round-2 margin-right-10 padding-top-5 padding-bottom-5 padding-left-7 padding-right-10 evo-gray-light-bg"><a href="#">>these are words</a></li>
<li class="evo-box box-0 box-round-2 margin-right-10 padding-top-5 padding-bottom-5 padding-left-7 padding-right-10 evo-gray-light-bg"><a href="#">>these are words</a></li>
</ul>

Create a <ul> tag that contain <li> tags, and apply the list-inline class.

<ul class="list-inline text-size-2 text-leading-11 text-uppercase">
<li class="font-bold">Share:</li>
<li class="evo-box box-thin box-round-2 margin-right-5 padding-top-5 padding-bottom-5 padding-left-6 padding-right-10"><a href="#">>Twitter</a></li>
<li class="evo-box box-thin box-round-2 margin-right-5 padding-top-5 padding-bottom-5 padding-left-6 padding-right-10"><a href="#">>Pinterest</a></li>
<li class="evo-box box-thin box-round-2 margin-right-5 padding-top-5 padding-bottom-5 padding-left-6 padding-right-10"><a href="#">>Linkedin</a></li>
</ul>

Create a <ul> tag that contain <li> tags, and apply the list-inline class.