<ul class="box">
  <li class="item">내용</li>
  <li class="item">내용</li>
  <li class="item">내용</li>
  <li class="item">내용</li>
</ul>
ul {
  list-style: none;
  padding: 0;
}

.box {
  overflow: hidden;
  box-sizing: border-box;
  width: 1140px;
  height: 100px;
  margin: 20px auto;
  border: 1px solid #333;
  background-image: linear-gradient(90deg, transparent 284px, #999 284px);
    background-size: 285px 100%;
}

.box .item {
  box-sizing: border-box;
  float: left;
  width: 25%;
  padding: 10px;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.