Coding Fun Html CSS video tutorial – 67 – CSS list style position property vs HTML ul tag

CSS video tutorial – 67 – CSS list style position property vs HTML ul tag





CSS video tutorial – 67 – CSS list style position property vs HTML ul tag

CSS list-style-position property:
It is used to specify the position of the bullet symbol with respect to list item’s border area.
Values: outside | inside

Example code:

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<title>CSS Demo</title>
<style type=”text/css”>
ul > li
{
border:1px solid red;
}
</style>
</head>
<body>
<ul style=”list-style-type:none;

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

3 thoughts on “CSS video tutorial – 67 – CSS list style position property vs HTML ul tag”

  1. Dear Mr Manjunath,
    Undoubtedly you are the best teacher of HTML and CSS. I learnt at my age of 70 years how to make a web site using only HTML. I am now learning how to style the web site using CSS. My suggestion to you is to make your demonstrations more relevant. For example in UL and OL you use the same name Item. In stead I suggest you use what everyone sees every day. Use simple examples like Apple, Banana, Cherry, Date , Mango and Orange so that viewrs can relate. Using Apple as list item is much better than using Item. Item has no meaning in list items. I hope you take this suggestion with positive spirit to make your videos more interesting. warm regards, Brig CS Vidyasagar (Retd), 040-48540895

  2. ashok sharma says:

    Sir plz help m menu list banate hai right or left kaise karege

Leave a Reply

Your email address will not be published. Required fields are marked *