HomeОбразованиеRelated VideosMore From: Chidre'sTechTutorials

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

37 ratings | 1800 views
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; list-style-image:url('checkmark.png'); list-style-position:outside;"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/k7D-IVVFZJU Follow the link for previous video: https://youtu.be/sTsbQO1aAXo ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== CSS Questions & Answers ======================== ========================================================
Html code for embedding videos on your blog
Text Comments (4)
Sivasankar Vidyasagar (1 month ago)
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
Sivasankar Vidyasagar (1 month ago)
Dear Mr Manjunath, Thank you for your prompt reply to my suggestion. I have seen all your 105 HTML tutorials. I have nothing but praise for the way you explained even simple concepts of HTML with so much clarity. I have seen many videos on YouTube on HTML by man foreign and Indian teachers but none explained these concepts like you do with such simple language and examples. My suggestion is that users or learners must relate what you say with real life things. Even in CSS, try to use Apples or Bananas or any other related item like food items in UL or OL list items. For example it could be like a hotel menu : idli, dosa, vada or names of students i.e. Venu, Srinu, Raju, Sita, Lata, Geeta etc. Then learners will be able to understand much better than simple term like Item which you repeatedly. I really enjoyed and have gained lot of understanding of HTML and soon going to see all CSS 84 videos. Well done. Keep it up. There is always scope for improvement even though I rate you a great teacher. May God be with you and take you places. warm regards, Brig CS Vidyasagar (Retd), 040-48540895
Chidre'sTechTutorials (1 month ago)
Hi Sir, I heartily welcome and consider my viewers suggestions. I feel very happy to see such a positive comment. In CSS I focused mainly on styles not HTML tags; Actually I have discussed about OL and UL tags in HTML video tutorials series more clearly; please follow the link and let me know: https://www.youtube.com/watch?v=InR4D-B4L8k&list=PLdE8ESr9Th_uUR1vA9h-AP4uyzZXb0lqA&index=30 Thank you so much for your learning spirit and please keep posting your suggestions. Keep learning, keep coding & keep sharing. Sir. Thank you.
ashok sharma (9 months ago)
Sir plz help m menu list banate hai right or left kaise karege

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.