HTML & CSS: 创建带有图标和下划线的标题

<style>
  .title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
  }
  .title img {
    margin-right: 10px;
  }
</style>
<div class='title'>
  <img src='icon1.png' alt='icon1'>
  <h2>Title 1</h2>
</div>
<div class='title'>
  <img src='icon2.png' alt='icon2'>
  <h2>Title 2</h2>
</div>
<div class='title'>
  <img src='icon3.png' alt='icon3'>
  <h2>Title 3</h2>
</div>