On Wed, Jan 28, 2015 at 4:31 PM, Tom Livingston <tom...@gmail.com> wrote: >> <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). > >
Though not as close together as David's example... -- 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/