• Lists and Borders (HTML)
    9 replies, posted
I am trying to make a border be centered and align the text inside of the border to the very left of the border. The reason is I want my text to be centered but it's all jumbled like so: [code] *Item 1 *Ite *Item 11111111111111 [/code] I want it to be more like [code] *Item 1 *Ite *Item 11111111111111 [/code] Then I also want to make a list within a list like so: [code] *Item 1 *Item 2 [/code] But since all my text is centered, it came out like this: [code] *Item 1 *Item 2 [/code] I'm thinking the border thing will fix it.
so what exactly do you want?
HTML supports ordered (numbered) lists, unordered (bulleted) lists and definition lists. According to [url=http://phpforms.net/tutorial/tutorial.html]html tutorials[/url] unordered lists are usually marked with bullets. Unordered list starts with < ul > tag. Each item of the list starts with < li > tag. It is possible to add paragraphs, images, links to the list. Ordered list contains items, marked with numbers. To define the beginning of an ordered list <ol> tag is used. Elements of an ordered list start with < li > tag. Definition list contains list items with a description provided for each list item. Such list starts with < dl > (short for “definition list”) tag. Each item starts with < dt > (short for “definition term”) tag. Each description starts with < dd > (short for “definition description”) tag.
Well, Clint, thanks for trying to help. I already knew this but my lists themselvs where centered, I just got fed up and aligned it all left.
Go to my site: [url]www.harrisonslater.tk[/url] Really basic website I know, but go to the lists page, have a look around it, you should see indented lists and stuff, then view page source for the HTML behind it. I have only been learning for 6 hours by the way, but I thought this would be helpful :)
You should post your code for us to able to help you better, but from what I understand try putting your whole lists in a div with a class and add to the css class: [code]margin:0 auto; text-align:center;[/code]
What exactly are you trying to achieve here? From the looks of things, the page is made exactly how you want it.
I want to align all text to the center but still be aligned to the left.
You need to make a div with a specified width, margin: 0px auto;, have a border-left, and text-align: left. :P
[QUOTE=vexx21322;20734253]I want to align all text to the center but still be aligned to the left.[/QUOTE] align the list items (li) to the center, and then align the ul or ol to the left. Simple :3.
Sorry, you need to Log In to post a reply to this thread.