Baseline is broken with *display: inline-block* but works with *float: left*: ht... | Hacker News

Hacker Newsnew | past | comments | ask | show | jobs | submit

		tuukkah on April 12, 2018 \| parent \| context \| favorite \| on: CSS Sans – A font created in CSS Baseline is broken with display: inline-block but works with float: left: https://jsfiddle.net/eywwmL2o/ Haven't figured out how to fix kerning if it's even supposed to work.

Izkata on April 12, 2018 [–]

Like this: https://jsfiddle.net/95v642n6/

  .font div {
    display: inline-block;
    vertical-align: top;
  }
  .H + .U { margin-left: 2px; }
  .U + .G { margin-left: 1px; }
  .G + .E { margin-left: -5px; }

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact