Aetae

pointer-events: none

line-height?

Какие-то конкретные древние приёмы и техники "вёрстки на флоатах" - знать не надо.
Как работает флоат - знать надо. Необходимость обтекания никуда со временем не делась.

pointer-events: none?

Если точные пиксели не важны, то юзай vertical-align: super; и всё.

Элемент сделать блочным, отступ padding'ом, подчёркивание border'ом.

Не согласен с отписавшимися выше. Компонент должен быть чёрным ящиком. Внешний пользователь ничего не должен знать о его внутренней структуре. Пользователь компонента передаёт ему свойства и получает гарантированый результат.

Проблема с css в том, что если впоследствии вы кардинально переделаете внутреннюю структуру компонента, в большинстве случаев вы не сможете сделать так, чтобы старые внешние css правила работали как надо, и у тех кто кастомизировал ваш компонент таким образом всё поедет.
Передавая же параметры как свойства компонента - вы имеете полный контроль над тем как их использовать в построении и можете спокойно вносить изменения.

Конкретно в приведённом примере подход с css +- не должен привести к проблемам, но в большинстве случаев ситуация иная.

Очевидно - добавить ещё один фрейм:

С помощью requestAnimationFrame.
Например(из фреймворка quasar):

function getScrollPosition (scrollTarget) {
  if (scrollTarget === window) {
    return window.pageYOffset || window.scrollY || document.body.scrollTop || 0
  }
  return scrollTarget.scrollTop
}

function setScroll (scrollTarget, offset) {
  if (scrollTarget === window) {
    window.scrollTo(0, offset)
    return
  }
  scrollTarget.scrollTop = offset
}

function animScrollTo (el, to, duration) {
  const pos = getScrollPosition(el)

  if (duration <= 0) {
    if (pos !== to) {
      setScroll(el, to)
    }
    return
  }

  requestAnimationFrame(() => {
    const newPos = pos + (to - pos) / Math.max(16, duration) * 16
    setScroll(el, newPos)
    if (newPos !== to) {
      animScrollTo(el, to, duration - 16)
    }
  })
}

animScrollTo(<элемент-контейнер>, <позиция>, <время на анимацию>)

Позицию якоря вычисляйте сами.)

Ну либо можно поискать готовый пакет в npm, который с гарантией там есть.