How to Indent the Second Line in CSS

Next Video:
An Easy Way to Make a CSS Code....5

Indenting the second line in the CSS programming language is something you need to do in a very particular way to avoid formatting and syntax errors. Indent the second line in CSS with help from a self-taught web developer in this free video clip.

Part of the Video Series: Web Programming
Promoted By Zergnet


Video Transcript

Hi, I'm Christina Chiu. I'm a Computer Web Specialist, and today I'm going to show you how to indent the second line using CSS. So, the easiest way to do this actually is have a parent list and the sublist. So, we're going to open our text header and into our HTML file right here. So, open there and we're going to import and other unordered list; so, it will be ulid=HyperSend pound 34 nav bar HyperSend pound 34; there. And now, we're going to have the first unordered list which will be 1. And now, we're going to add our sublist. So, ul then li, it would be 1.1, li, then li 1.2, close li. And now we're going to close our sublist. So, we'll close sublist like that and then close the first line of the parent list by dash dash li and now we're just going to keep on closing our parent list. So, close the ul. And now, we're going to open up our CSS file, so this link here as test CSS, we will, so, open our test CSS and then I've already ul li, it will be padding left because 5 px 'cause the padding left is the same thing as indenting or our margin. And then, closing that and then within nav, "Oops, see it does this", nav bar it will be ul li li then the padding left to indent it, it would be 5 px. So, that is how you indent the second line using CSS. Thank you so much for your time, my name is Christina Chiu.


Related Searches

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!