Как сверстать такую запись

.fraction-upper::after { 
  width: 40px; 
  height: 1px; 
  background: #ccc; 
  content: ''; 
  display: block; 
  margin: 0 auto; 
  margin-top: 12px; 
} 
 
.cell { 
  width: 100px; 
  text-align: center; 
}

<div class="cell"> 
  <p class="fraction-upper">Т. З</p> 
  <p>2сп</p> 
</div>

.wrapper { 
  border: 2px solid red; 
  display: inline-block; 
  padding: 20px; 
} 
 
.some1 { 
  border-bottom: 1px solid red; 
  padding-bottom: 4px; 
   
}

<div class='wrapper'> 
  <div class="some1"> 
    some 
  </div> 
  <div class="some2"> 
    asd 
  </div> 
</div>