/    Sign up×
Community /Pin to ProfileBookmark

unordered lists

how would i create two unordered lists that both begin at the top of the webpage; one aligned to the left and the other aligned to the middle???

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@IronwilNov 05.2010 — You could do that a number of ways. It kind of depends on the layout you've designed for your site. You could place both unordered lists in a div and use CSS to place them, place each in their own div if the layout complexity makes the first option unattractive, or even use a table (ick). If the layout is somewhat fluid, I'd suggest using margin:auto for the left/right margins of the element the list for the center is in or the container of the list, and a percentage or em value as an offset from the left for the left list.
Copy linkTweet thisAlerts:
@theski232authorNov 05.2010 — It is for a Computer literacy course and the professor is only allowing us to use notepad and HTML code. Would there be any way to do it with just the HTML code?
Copy linkTweet thisAlerts:
@mrtom100Nov 05.2010 — Websites are made from HTML which is the made structure and building blocks of the page CSS is the styling and layout of the elements. The main two ways you could do what you want is to make the two lists and then then float them both to the left of place them both into div's as Ironwil stated and then give them a width and float them.. All depends on what compatibility you want with browsers ....
×

Success!

Help @theski232 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...