0

I have a list as

<ul class="List"> <li>large amount of text</li> <li>large amount of text</li> </ul> .list{ display:inline; overflow:hidden; } 

How can i get the list to have the same left vertical margin. What is happening now is that the text on the left is not aligned

3
  • What's wrong with this? jsfiddle.net/yZxbn/1 Commented May 12, 2011 at 20:25
  • 1
    You have class="List" vs .list (casing of L is different). Probably just a typo? Commented May 12, 2011 at 20:26
  • The alignment of the left margin of the list is affected when the line overflows Commented May 12, 2011 at 20:48

1 Answer 1

1

Do you have a reset stylesheet? Can you provide a screenshot?

By what you have described try the following.

Also remember when writing Markup everything is case-sensitive your List is capitalized while in the CSS it's lowercase

.list{ display:inline; overflow:hidden } .list li { display:block; margin:0 0 0 15px } <ul class="list"> <li>large amount of text</li> <li>large amount of text</li> </ul> 
Sign up to request clarification or add additional context in comments.

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.