<div class="eq-c">
  <span class="intsuma">
    <span class="lim-up">2&pi;</span>
    <span class="sum">&int;</span>
    <span class="lim">0</span>
  </span>
sin<var>x</var> d<var>x</var> = 0
</div>

// Body
body{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  text-align: center;
}

// Integral
.intsuma {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.intsuma > span {
  display: block;
  font-size: 70%;
}
.intsuma .lim-up {
  margin-bottom: -1.0ex;
}
.intsuma .lim {
  margin-top: -0.5ex;
}
.intsuma .sum {
  font-size: 1.5em;
  font-weight: lighter;
}
.intsuma .sum-frac {
  font-size: 1.5em;
  font-weight: 100;
}

.fraction {
    display: inline-block;
    vertical-align: middle; 
    margin: 0 0.2em 0.4ex;
    text-align: center;
  & > span {
    display: block;
    padding-top: 0.15em;
  }
  & span{
    &.fdn {
      border-top: thin solid black;
    }
    &.bar {
      display: none;
    }
  }
}