<html>
<head>
<style type="text/css">
ul.inside {list-style-position:inside}
ul.outside {list-style-position:outside}
</style>
</head>
<body>
<p>This list has a list-style-position with a value of "inside":</p>
<ul class="inside">
<li>Mango is a fruit.</li>
<li>Rose is a flower.</li>
<li>Dove is a bird.</li>
</ul>
<p>This list has a list-style-position with a value of "outside":</p>
<ul class="outside">
<li>Mango is a fruit.</li>
<li>Rose is a flower.</li>
<li>Dove is a bird.</li>
</ul>
</body>
</html>
<head>
<style type="text/css">
ul.inside {list-style-position:inside}
ul.outside {list-style-position:outside}
</style>
</head>
<body>
<p>This list has a list-style-position with a value of "inside":</p>
<ul class="inside">
<li>Mango is a fruit.</li>
<li>Rose is a flower.</li>
<li>Dove is a bird.</li>
</ul>
<p>This list has a list-style-position with a value of "outside":</p>
<ul class="outside">
<li>Mango is a fruit.</li>
<li>Rose is a flower.</li>
<li>Dove is a bird.</li>
</ul>
</body>
</html>
Result
No comments:
Post a Comment