Hi John,

There are a few options.  Try adding `float:left` to #lock-up and then
removing the margin-top from your image.  You'll need to do some tweaking
from there.  Also, you could add display: inline-block to both.  If you
want to try something else, and take advantage of vertical-align, you could
use display:table on <header> and then display:table-cell on both #lock-up
and <img>.

Playing around with any of those will get you going.

Chris

Chris Rockwell


On Mon, Jul 21, 2014 at 1:01 PM, John <j...@coffeeonmars.com> wrote:

> http://www.coffeeonmars.com/170_su/template/home.html
>
> At this link, I had to use a negative top-margin to get my linked-in icon
> to horizontally-align with elements at the left.  I think this is a kludge
> but I don’t see the actual source of my problem.
>
> My top suspect is my logo/tagline lockup but floating throws off the
> header elements alignment in a pretty heinous way.
>
> Can someone help me to see what the origin of the problem is?
>
> thank you!
>
> John
>
>
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> 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/
>
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/

Reply via email to