Mark Batty wrote: > I have two lines of text (as part of a logo) that are different sizes and I > want them to align perfectly on the left. I've tried text-align but that > doesn't seem to work to well when the lines are different text sizes. > > I can achieve this using an estimated negative margin and it seems OK when > text is resized, but is there a better way to achieve this effect? Example > is here ... > html: > http://public.softectra.com/dev/lang/markup/css/cssd/010606_1/index.html > css: > http://public.softectra.com/dev/lang/markup/css/cssd/010606_1/screen.css > Mark. Mark, this is as close as I can come to what I guess you are after: Tested xp_sp2 ie/6.0 text-size largest ff/1.5.0.3 +3 zoom moz/1.7.12 200% zoom opera/9.0b2 200% zoom This is as close as I can come to what I guess you are after: CSS: /** { delete the universal selector padding: 0; border: 0; margin: 0; }*/ body {background-color: #ccc; color: #000;font: 200 100% tahoma, verdana, sans-serif;} h1 {font-size: 250%; font-weight: 900; margin-top: 50px; line-height: 0.15; margin-bottom: 0.3em; margin-left: 0; padding: 0;} div.logo p {font-size: 110%; font-weight: 200; letter-spacing: 0.05em; line-height: normal; margin-left: 0.19em; padding: 0;} span { color: #c60;} div.logo { margin: 0 0 0 3.125em; padding: 0;} div#header { width: 100%; } HTML <div id="header"> <div class="logo"> <h1>Blind<span>m</span>ice</h1> <p>They all run after the farmer's wife.</p> </div> </div> Regards, ~davidLaakso
-- http://www.dlaakso.com/gustave/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
