How to align two columns of text in CSS?

As per my comment, I think the best element for the job is an ordered list ol> Entry onetext on another line Entry two Entry three Entry five Entry six.

As per my comment, I think the best element for the job is an ordered list.. Entry onetext on another line Entry two Entry three Entry five Entry six CSS, with the span to allow change of font-family between the list "bullets" and the content within, these could be divs if you have block content ol { font-family: georgia, serif; font-size: 16px; font-weight: bold; } ol li span { font-family: arial, sans-serif; font-weight: normal; font-size: 12px; }.

1 for the same idea :) – thirtydot May 24 at 15:22 Doh! I'm not sure how I missed that, of course it's an ordered list, that works perfectly :) Out of interest if I want the bullets/numbers inline but I don't want the text to flow under them is the correct way to use padding-left: 1.5em; list-style-position: outside; or is there a cleaner way? Additionally is there any cross browser way of removing the fullstop after each number?

Thanks so much for your help, it is greatly appreciated :) – deshg May 24 at 15:55 @deshg: Regarding "is there any cross browser way of removing the fullstop after each number" - which browsers do you need to support? – thirtydot May 24 at 18:08 @thirtydot: As many browsers as is possible, ideally all but I appreciate that's a big ask for most things these days! – deshg May 25 at 17:36 @thirtydot and @clairesuzy, I have just realised that using the above code the line spacing of the text is very large if the text for one bullet runs over 2 or more lines (i presume 17px to match the ol?).

Is there any way to decrese the line spacing for just the text as it has no effect when I set it on the span and if I set it on the li then there is much more spacing in firefox than any other browser (which is unusual). I'd be very grateful if you had any ideas why this might be? Thanks so much – deshg May 25 at 18:41.

You should just use an appropriately styled ol element, something like this: See: jsfiddle.net/tPjQR/ If you want to have different styles on the number versus the list content, you'll need to wrap the content of each li in something like a span. There just isn't a better way. Ol { font-family: Georgia, serif; } ol span { font-family: Arial, sans-serif; font-size: 17px } Entry one Entry two Entry three Entry five Entry six Entry Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.