Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Best way to line up product?… Re: Best way to line up product?…

#66315
dcp3450
Participant

a quick way to get you started would be to create an id with a width half the containing area the product is in. set the div to float: left. Set an image in the div to display block. Add your image and text into the divs and it will line them up with two columns:

css:

Code:
#container { width: 500px; }

#product { width: 250px; float: left; }

#product img { display: block; position: absolute; margin: 0 auto; }

html

Code:
text text text
text text text
text text text
text text text

you could possibly use an inline <ul> too