使用display将HTML元素从内联更改为块的真实示例

问题：

有兴趣知道当您需要在内联元素上使用

display:block

时，HTML/CSS中是否有任何实际示例。对于相反的顺序，我发现

display:inline

可以用于

中的
垂直显示链接。我不想知道inline、block和inline block之间的区别

当前示例：

当前的示例包括显示如何在
元素上使用
显示：block
，等等。但这些例子中的许多只是说明了
display:block
的效果，而不是它在网站上的实际使用

问题：

使用
display:block
将元素从内联级别更改为块级别与网站上的什么原因和位置相关？
假设您想要显示链接到网站的大按钮。您使用（

有趣的例子，但我不需要在所有内容周围添加一个
元素，并将按钮移到
之外，而不是使用
显示：块
？正确。
显示：块
适用于希望将内容保留在节中，而不将文本包装在许多元素中的情况。（通常用于屏幕阅读器）