<section>
  <h2>ABOUT ME</h2>
  <p class="about-me-text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, blanditiis iure autem natus iusto animi molestiae cumque in nulla atque ex perferendis recusandae id ratione consectetur quaerat maiores quam porro!</p>
</section>

<section>
  <h2>EXPERIENCE</h2>
  <div class="float-wrap">
    <p class="title-text">Programing Company</p>
    <p class="year-text">2022-NOW</p>
  </div>
  <p class="desc-text">Developer</p>
  <p class="desc-subtext">HTML/CSS,JS,...</p>
</section>
h2 {
  font-size: 20px;
  font-weight: lighter;
  color: black;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 5px;
  margin-bottom: 16px;
}

section {
  margin-bottom: 24px;
}

.about-me-text {
  font-size: 10px;
  line-height: 16px;
}

.title-text{
  font-size: 11px;
  font-weight: bold;
  color: #282828;
  float: left;
}

.year-text{
  font-size: 11px;
  font-weight: bold;
  color: #282828;
  float: right;
}

.float-wrap {
  overflow: hidden;
}

.hi {
  font-size: 0;
}

.desc-text {
  font-size: 9px;
}

.desc-subtext {
  font-size: 9px;
  color: #282828;
  padding-left: 16px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.