LEE.SOL > CSSBattle > Daily Targets (260428)

Daily Targets (260428)

코드

<p><p c><p l>
<style>
  &>* {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #D5914F
  }
  
  p {
    /* 세로 직사각형 */
    width: 20;
    height: 220;
    background: #D9D9D9;
    border: 10px solid #000;
  }

  [c], [l] {
    position: relative
  }

  [c] {
    /* 가로 직사각형 */
    transform: rotate(90deg);
    margin: 0 40
  }
</style>