On Thu, May 24, 2012 at 1:10 PM, John <[email protected]> wrote:
>
> At this link: http://coffeeonmars.com/testing/index.html
>
> You see 5 "widgets" all identical, lined up vertically. I would like them to
> line up horizontally, the way the other, different widgets at the bottom of
> the page do.
>
> The bottom-page widgets are .png files; the ones at the top are a combo of
> image and live text handled with div tags and I can not get those little guys
> to line up horizontally.
>
> I'd appreciate any clues about what the problem is.
>
> Thank you!
>
> John
Hey John,
Simply add "float: left;" to ".widget" and then probably adjust widths
and margins if you want them to match the ones below exactly. 1em
right margin, and a width of 136px seems about right.
.widget {float: left; width: 136px; margin: 2em 1em 2em 0; height:
auto; background: #fff; border-radius: 4px 4px 4px 4px; box-shadow:
3px 3px 15px #252525;}
Seems to do the trick nicely.
-Tim
--
[email protected]
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
