CSS Spacer for li

[Smir]

I’m totally new to coding, and i just try my best. what im trying to do is get a spacer after every `

[Paulie_D]

What do you mean by a spacer?

Do you mean margin left/right or top/bottom.

An image or border?

Can you show us a picture of what you are trying to do?

[Smir]

i would like a kind of image, but preferable something that is made up by CSS if you get what i mean? i want the keep the minimal feel of everything.

just a grey/faded line of some sort?

[Smir]

http://i.imgur.com/jwbKeQv.png

is an image :)

[Paulie_D]

Just use border-bottom and style it how you want.

http://codepen.io/Paulie-D/pen/Hecpv

If you want extra actual ‘space’ between specific list items or a divider of some kind then that’s a little more.

[Smir]

that’s something exactly like i wanted i wasn’t sure what types of lines would be in CSS :)

how would i go about making text section that would auto fit in a certain width that i choose? would be grateful for any help

[Paulie_D]

Text will automatically wrap inside an element with defined width.

[Smir]

how do i do that exactly?

[ScottMarshall]

give what ever your putting the text in a width could be pixels, percentage, ems.

[posterity576]

@Paulie_D is right about using border-bottom. As far as actual spacing is concerned, keep in mind that every element on a web page is a box. That said, each li you use is its own box, and so if you want to move one li from another one, i.e., one box from another box, you simply use margin. To specify a margin is to say that you want to add space between one element and another. On the other hand, to say you want to add space _within_ an element, you specify padding.

[Author]

Posts