CSSBattle

Daily Targets (260525)

코드
<p><i></i></p>
<hr><hr t>
<p r><i></i></p>
<style>
  body {
    display: flex;
    overflow: hidden;
    align-items: flex-end;
    margin: 20 20 20;
    background: #F8D2D1
  }

  p {
    /* 의자 안장, 다리 */
    position: relative;
    width: 60;
    height: 60;
    margin: 0;
    border: 40px solid #DE6B67;
    border-bottom: 0
  }

  [r] {
    scale: -1 1
  }

  i {
    /* 의자 등받이 */
    position: absolute;
    bottom: 0;
    left: -40;
    height: 260;
    border-left: 40px solid #DE6B67
  }

  hr {
    /* 탁자 기둥 */
    width: 40;
    height: 160;
    margin: 0 20;
    border: 0;
    background: #2F5A76
  }

  [t] {
    /* 탁자 받침대 */
    position: fixed;
    top: 40;
    left: 160;
    height: 200;
    rotate: 90deg
  }
</style>