LEE.SOL

Daily Targets (260318)

<p><p b><p r>
<style>  
  * {
    margin: 0
  }

  &>* {
    display: grid;
    place-items: center;
    background: #323138
  }
  
  p {
    /* 모든 p 요소 중앙에 배치 */
    grid-area: 1 / 1;
    /* 흰 가로선 표현 */
    width: 100%;
    height: 60;
    background: #FFF
  }

  [b] {
    /* 흰 세로선 표현 */
    width: 120;
    height: 100%
  }

  [r] {
    /* 중앙 하늘색 사각형 테두리 표현 */
    width: 120;
    height: 20;
    border: 70px solid #328FC1
  }
</style>