list-style-position
इस property के द्वारा आप numbering और bullets की position define कर सकते है। इस property की आप 2 values define कर सकते है।
outside- जब आप इस value को define करते है तो bullets/numbers और text के बीच में काफी space रहता है। इससे text अलग से show होता है।
inside- जब आप इस value को define करते है तो bullets/numbers और text के बीच में space कम रहता है और दोनों एक साथ दिखाई देते है।
list-style-position
Through this property you can define numbering and position of bullets. You can define 2 values of this property.
outside- When you define this value, there is a lot of space between the bullets/numbers and the text. With this the text is shown separately.
inside- When you define this value, there is less space between the bullets/numbers and text and both appear together.
Example
|
<html> <head> <title>list-style-position demo</title></head> <body> <h1>inside example</h1> <ul style=”list-style-position:outside;”> <li>One</li> <li>Two</li> <li>Three</li> </ul> <h1>outside example</h1> <ul style=”list-style-position:inside;”> <li>Four</li> <li>Five</li> <li>Six</li> </ul> </body> </html> |