> <html xmlns="http://www.w3.org/1999/xhtml <http://www.w3.org/1999/xhtml>"> > <head> > > <style type="text/css"> > .divOuter{ > display:inline; > text-align:bottom; > > > } > > .divInner1, .divInner2, .divInner3, .divInner4{ > -webkit-transform: rotate(-60deg); > -moz-transform: rotate(-60deg); > border: 1px dashed; > float:left; > width:160px; > height:20px; > margin-left:3px; > margin-right:3px; > position:relative; > } > </style> > </head> > <body> > <div style="margin-top:50px;position:fixed;" > <div class='divOuter'> > <div class='divInner1'>First DIV</div> > <div class='divInner2'>Second DIV</div> > <div class='divInner3'>Third </div> > <div class='divInner4'>fourth</div> > </div> > <div> > > > > > </body> > </html>
Using the above code, in Chrome, the angled boxes were side-by-side for me (with a wide enough window, of course). -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ 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/
