Ideas for Arc XP

Home| Documentation| Support| Sign In

Containers, or divs, in composer

I'd love the ability to add containers for content in composer. For example, I'd like the ability to group some text with an image. Currently, if I want an inset image (left or right aligned) I'd need to float the image, which works, but immediately breaks down once I want to have consecutive image and copy groups. There isn't an out of the box solution for clearfixes so floats start becoming unwieldy. Having a flex group or CSSGrid group container would be very handy.

  • Corey Holmes
  • Mar 23 2026
  • Needs review
Composer
  • Attach files
  • Corey Holmes commented
    24 Mar 17:40

    This was my solution btw:

    <style>
        .img-and-copy{
            display: flex;
            align-items: center;
            gap: 2rem;
            flex-wrap: wrap;
        }
        .img-and-copy img{
            flex: 1 1 260px;
        }
        .img-and-copy p{
            flex: 1 1 520px;
        }
    </style>
    <div class="img-and-copy">
        <img src="LOREM-IPSUM.JPG" alt="Lorem ipsum">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at imperdiet augue. Cras tincidunt non lacus ac gravida. Nullam in dignissim nibh. Proin ex nisi, egestas a ligula et, tincidunt iaculis nulla. Suspendisse tellus mi, iaculis sit amet risus quis, tincidunt mattis sem. In fermentum tempus felis vel pulvinar.</p>
    </div>
    Attachments Open full size

Related ideas