.outer {
  margin-left: 8%;
  margin-right: 8%;
}

.outer-full {
  margin-left: 0;
  margin-right: 0;
}

.item {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}

.item-full {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}

.clear {
  clear: both;
}

@media (min-width: 950px) {
  .inner-left,
  .inner-right {
    margin-top: 0.375em;
  }

  .inner-left {
    float: left;
    width: 60%;
    margin-left: -10%;
    margin-right: 1em;
    margin-bottom: 1em;
  }

  .inner-right {
    float: right;
    width: 60%;
    margin-right: -10%;
    margin-left: 1em;
    margin-bottom: 1em;
  }
}

.outer {
  margin-left: 8%;
  margin-right: 8%;
}

.outer-full {
  margin-left: 0;
  margin-right: 0;
}

.item {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}

.item-full {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}

.clear {
  clear: both;
}

@media (min-width: 950px) {
  .inner-left,
  .inner-right {
    margin-top: 0.375em;

    /* Ensure element is positioned in front of text block wrapping around
       element and can be selected in editor. */
    position: relative;
    z-index: 1;
  }

  .inner-left {
    float: left;
    width: 60%;
    margin-left: -10%;
    margin-right: 1em;
    margin-bottom: 1em;
  }

  .inner-right {
    float: right;
    width: 60%;
    margin-right: -10%;
    margin-left: 1em;
    margin-bottom: 1em;
  }
}

Make floated elements selectable in editor
Make floated elements selectable in editor

Prevent text block wrapping around floated item from overlaying
floated elements and blocking mouse interaction. Since text can wrap
around floated elements in complex shapes, we currently have no better
option than displaying the text selection rect on top of the floated
element. The element should still be selectable via click, though.

REDMINE-17870
