Fri, 2014-06-06 03:12
Hi,
I am quite new to CSS, just read a bit of inline/block of the display style of div. I want to change the related product layout in a site from vertical list to horizontal list by using dsiplay:inline. But no luck.
Can any one help to check what is missing
Site:
http://alisonland.com/matteo/index.php/costumes/toddler-jake-never-land-pirate-costume-detail
(middle right with three kid's photo)
Some css that maybe related:
.product-related-products .product-field-type-R {
padding:5px 0 5px 5px;
display: inline;
}
Thanks in advance.
Philip
Fri, 2014-06-06 05:14
#1
.product-related-products
.product-related-products .product-field-type-R { display: inline-block; padding: 5px 0 5px 5px; }
For some reason, Captain America is wider than the other two. There is not enough space for all three side by side anyway.
cheers,
gary