LEE.SOL

CSSBattle

Daily Targets (260108)

코드
<p w>
  <i a></i>
  <i b></i>
</p>
<p w>
  <i a></i>
  <i b></i>
</p>
<style>
  *{
    background: #2B2A4A;
    margin: 0;
  }
  &>*{
    display: flex;
  }
  [w] {
    width: 50%;
    &+&{
      transform: rotate(180deg);
    }
  }
  i {
    display: block;
    border: solid #ECE3DF;
  }
  [a]{
    height: 125px;
    border: solid #ECE3DF;
    /* '└' 모양 표현 */
    border-width: 0 0 50 70;
  }
  [b]{
    margin-top:25px;
    /* '|' 모양 표현 */
    border-width: 0 0 0 70;
    height: 100;
  }
</style>