CSSBattle

Daily Targets (260201)

코드
<p t><p b><p l><p r>
<style>
  &>*{
    background:#FADE8B
  }
  p{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80;
    height: 80;
    border: 10px solid #000;
    transform: translate(-50%, -50%);
    margin: 0
  }
  [l] {
    margin-left: -80
  }
  [r] {
    margin-left: 80
  }
  [t],[b]{
    background:#DE9473
  }
  [t]{
    margin-top:-80
  }
  [b]{
    margin-top:80
  }
</style>