TalkPHP - View Single Post

Tanax · 10-03-2009, 10:52 AM

Quote:

Originally Posted by hjalmar

http://www.w3.org/TR/CSS2/visuren.html#propdef-display

"inline-block
This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element. "

Yes, but would I put that on .product ? And how will that cause them to center? o.O

Quote:

Originally Posted by ETbyrne

is margin:auto; what you are looking for? Do note that margin:auto; requires that you set a width to the element.

Code:

.product-line{
    margin:auto;
    width:600px;
}

Also note that some browsers have issues with classes that include a dash in the name, so you should probably make the above:

Code:

.product_line{
    margin:auto;
    width:600px;
}

Just to be safe.

I'll try it :)