javascript - 如何使文本对齐适用于强标签？

Question

我正在尝试证明 <strong> 中的文本合理标签。我已添加strong {text-align: justify;}这不起作用。这是我尝试运行此示例的链接。 https://codepen.io/vkdatta27/pen/abNQeoL 。我还添加了strong {font-weight: normal;}这奏效了。只有文本对齐可以提供帮助。我不想 html 被改变一点点。我只想改变CSS。有人可以帮我解决这个问题吗？我的前两个问题也与此问题有关，但由于没有最低限度的详细信息，因此它们已关闭。我认为上面的链接给了你足够的要求。

Answer 1

添加display: inline-block;强而不是font-weight: normal;工作完美:)

Because, <strong> is an inline element per default. Meaning it has no width or height on its own but rather is exactly as big as its content. So you can try to add display property inline-block or block.

strong {
    text-align: justify;
    display: inline-block;// also works with display:block
}

strong {
  text-align: justify;
  display: inline-block;
}

think I have more power than he does. I think I could string together the wrestling and the grappling and the striking better than he can, and it will be the best fight
<br /><br />
<strong>WBC heavyweight champion Tyson Fury has applied pressure on his domestic rival, Anthony Joshua, to bypass any further obligations that stand in the way of a 2021 showdown.

  Fury is going to face Deontay Wilder in a trilogy fight on the tentative date of December 19.</strong>