Snippet Code Experience list HTML CSS

list-experience.css

.experienceList{
  text-align:center;
  font-family: "Montserrat",sans-serif;
}
.experienceList > h2 { color: #616161; }
.experiencePart > h4 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #424242;
  margin-bottom: 12px;
  margin:10px;
}
.experiencePart > p {
  font-size: 14px;
  font-weight: 100;
  color: #888;
  font-family: inherit;
  font-style: italic;
  margin:0px
}
.resumePeriod {
  background: #1ABC9C;
  color: #fff;
  padding: 2px 5px;
  font-size: 12px;
  font-style: italic;
  border-radius: 4px;
}
.resumePeriodMove {
  background: #edc100;
  color: #fff;
  padding: 2px 5px;
  font-size: 12px;
  font-style: italic;
  border-radius: 4px;
}
.resumeName {
  color: #666;
  font-size: 12px;
  text-transform: lowercase;
}
.mt50 { margin-top: 40px; }

list-experience.html

<div class="experienceList">
    <h2>EXPERIENCE</h2>
    <div class="experiencePart">
      <b class="resumePeriod">Feb 2017-Present</b>
      <h4>
        <i class="resumeName">Loream ipsume company</i>
         @ Loream ipsume job position
      </h4>
      <p>Loream ipsume responsibility</p>
    </div>

    <div class="experiencePart mt50">
      <b class="resumePeriod">Mar 2016-Jan 2017</b>
      <h4>
        <i class="resumeName">Loream ipsume company</i>
         @ Loream ipsume job position  
      </h4>
      <p>Loream ipsume responsibility</p>
    </div>
 </div>