実践サンプル

燃える見出し

h1の中にLottieの入れ物（span）を配置する

<h1><span class="lottie"></span>燃える見出し</h1>

Lottieを読み込み、横並びになるようにお好みにスタイリングする

h1 {
  display: flex;
  align-items: center;
}
.lottie {
  width: 2em;
  height: 2em;
  flex-shrink: 0;
}