如何将HTML盒子模型元素从块级元素改为行内块元素

在HTML中，元素的显示类型可以通过CSS样式来控制。默认情况下，大多数HTML元素都是块级元素，这意味着它们会以块的形式显示在页面上，每个元素都会独占一行。但是有时候我们希望元素能够在同一行内显示，并且具有块级元素的特性，这时候就可以将元素的显示类型更改为行内块元素。

行内块元素（inline-block）是一种显示类型，它结合了行内元素和块级元素的特点。行内块元素会像行内元素一样在同一行内显示，但是它可以设置宽度、高度和内外边距等属性，就像块级元素一样。

下面是将HTML盒子模型元素从块级元素改为行内块元素的示例代码：

<!DOCTYPE html>
<html>
<head