LEE.SOL

CSSBattle

Daily Targets (260106)

코드
<p v><p h><p c>
<style>
  &>*{
    background: #F3EAD2
  }
  p{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0
  }
  [v],[h] {
    width: 180;
    height: 40;
    background: #C36768;
    /* 양쪽 끝 사각형 */
    border: solid #38483C;
    border-width: 0 40
  }
  [h] {
    transform: translate(-50%, -50%) rotate(90deg)
  }
  [c] {
    width: 60;
    height: 60;
    background: #38483C
  }
</style>