如何将HTML文本设为粗体且不影响其相邻的EJS变量显示样式

你之前的写法问题出在使用了块级元素<p>包裹变量，<p>默认自带换行属性，才会出现变量单独占行的问题。你可以改用行内元素包裹需要加粗的文本部分，两种实现方案如下：

方案1：使用 Bootstrap 行内类实现（推荐） #

只需要给需要加粗的文字套一层<span>标签，单独加fw-bold类即可，不会影响后续变量的样式：

<li class="list-group-item">
  <span class="fw-bold">Guests signed up:</span> <%= guestSignups %>
</li>
<li class="list-group-item">
  <span class="fw-bold">Guests attended:</span> <%= guestAttends %>
</li>

方案2：使用原生HTML粗体标签实现 #

也可以直接用<b>或者<strong>标签包裹要加粗的文本，不需要额外写样式类：

<li class="list-group-item">
  <b>Guests signed up:</b> <%= guestSignups %>
</li>
<li class="list-group-item">
  <b>Guests attended:</b> <%= guestAttends %>
</li>

内容的提问来源于stack exchange，提问作者econobro