<style type="text/css">
ul.ul_outside {
width:90%;
margin:1em 0; padding:0 0 0 26px;
list-style-type:disc;
list-style-position:outside; /* リストマークをリストボックスの左に配置 */
}
ol.ol_outside {
width:90%;
margin:1em 0; padding:0 0 0 26px;
list-style-type:decimal;
list-style-position:outside; /* リストマークをリストボックスの左に配置 */
}
</style>
<ul class="ul_outside">
<li>あいうえおかきくけこさしすせそたちつてとなにぬねのたちつてとなにぬねのはひふへほまみむめも</li>
<li>あいうえおかきくけこさしすせそたちつてとなにぬねのたちつてとなにぬねのはひふへほまみむめも</li>
</ul>
<ol class="ol_outside">
<li>あいうえおかきくけこさしすせそたちつてとなにぬねのたちつてとなにぬねのはひふへほまみむめも</li>
<li>あいうえおかきくけこさしすせそたちつてとなにぬねのたちつてとなにぬねのはひふへほまみむめも</li>
</ol>