<p></p>
<div class="container clearfix">
  <span>要素1</span>
  <span class="negative">要素2</span>
  <span>要素3</span>
</div>
.clearfix:after{
  display: block;
  content: "";
  clear: both;
}
.container span {
  border: solid 1px black;
  padding: 10px;
  float: left;
}
.negative {
  margin-top: -10px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.