remove

by Vladislav Altyncev

HTML

<div class="wrap">
  <div class="right">right</div>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
  </ul>
  <div style="clear:both;"></div>
</div>

CSS

.wrap {
  background: yellow;
  padding: 10px;
}
ul {
  list-style: none;
}
ul li {
  float: left;
  width: 22%;
  height: 50px;
  background: green;
  margin: 5px;
}
.right {
  float: right;
  background: red;
  padding: 20px;
}