JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<h1>CSS Grid Tip</h1>
<p>텍스트 양쪽에 선 만드는 방법</p>
<h2>company house</h2>
<h2>product info</h2>

CSS

h2 {
    text-transform: uppercase;
    line-height: 2;
    display: grid;  
    grid-template-columns: 1fr auto 1fr;
    grid-gap: 20px;
    align-items: center;
    background: #eeeeee;
}
h2:before,
h2:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #000000;
}