Hey!
What i have been trying to do is horizontally align my List Items.
I am going to use to List Items as images and i want them to stack up
from the left to the right horizontaly. I have defined the width and height of each one (also adding background color so i can see them) and alos added the List Style: none to remove the "list dots".
Since the LIs stack up from top to bottom, i have tried adding the
display: inline to #li. But when i do this all the LIs disappear.
Here are my recent HTML and CSS:
HTML:
<body>
<div id="wrapper">
<div id="main-area">
<ul id="posters">
<li></li>
<li></li>
<li></li>
</div>
</body>
</html>----------
CSS:
body {
background-color:#999;
}
#wrapper {
width: 1200px;
background-color:#999;
margin-left: auto;
margin-right:auto;
}
#main-area {
background-color:#999;
}
#posters {
list-style: none;
}
li {
width: 160px;
height: 240px;
background-color:#FFF;
}I appreciate any help!
Greetings
Simon