Creating Outdents in Lists

Inline elements within list item tags

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div id="thisList">
    <ul>
        <li> <a href="[LINK]">A listing of something long but maybe not long enough.</a>

        </li>
        <li> <a href="[LINK]">Another groovy listing of something long but maybe not long enough.</a>

        </li>
        <li> <a href="[LINK]">Yet another listing of something long but maybe not long enough.</a>

        </li>
        <li> <a href="[LINK]">A very long listing illustrating the fact that if you put enough text in here no matter how insipid, the lines will eventually wrap around ... </a>

        </li>[{000214A0-0000-0000-C000-000000000046}]
Prop3=19,2
[InternetShortcut]
IDList=
URL=http://jsfiddle.net/codesushi156/yzez2bj3/#run

        <li> <a href="[LINK]">Dead worms and ugly babies.</a>

        </li>
        <li> <a href="[LINK]">Annoying puppies that wiggle all the time.</a>

        </li>
        <li> <a href="[LINK]">A very long listing even more long so very incredibly long longer than you can imagine illustrating the fact that if you put enough text in here no matter how insipid, the lines will eventually wrap around ... </a>

        </li>
        <li> <a href="[LINK]">A very long listing repeating the listing before it to some degree but still incredibly long just to be illustrating the fact that if you put enough text in here no matter how insipid, the lines will eventually wrap around ... </a>

        </li>
        <li> <a href="[LINK]">Someone needs you in real life now.</a>

        </li>
    </ul>
</div>

CSS

body {
    font-size: 14px;
    font-size: 1rem;
    font-family: arial, sans-serif;
    text-rendering: optimizeLegibility;
}
#thisList ul {
    list-style-type:none;
}
#thisList ul li {
    display:block;
    list-style-type:none;
    font-size:1.5rem;
    margin-left:2rem;
    margin-bottom:1rem;
}
#thisList ul li a {
    color:#333;
    text-indent:-1.5rem;
    margin-left:-2rem;
    line-height:1;
}
#thisList ul li ul {
    margin-left:1em;
}