html怎么让盒子并列

好吧...这段代码...是制作一个网页...有一个大盒子...里面有三个小盒子...每个小盒子...包含一张图片...一段文字...和一个值。
向左...
并且...每个小框之间有一个空格...即 margin-right:2 0px...
最后一个背风...没有右边距...margin-right:0px...
内容...图像...文本...价格...都在背风内...
文本居中...价格使用跨度标签...布朗写的时候...布朗写的。
2 02 2 ...也许我有点困惑...回想起来...还好...没什么大问题...
这是一个简单的布局...显示三个产品...图片...名称...价格...
您可以直接复制这段代码...本地运行...在浏览器中打开...可以看到结果。

html怎么设置盒子位置

定位属性与位置一起使用： 绝对定位：position：absolute；顶部：1 0px；左：2 0px； 相对定位：position:relative；顶部：5 px；左：1 0px； 注意：上/左指向无效，必须先设置位置。

固定定位： 位置：固定；底部：0；正确：0； 固定在窗口的右下角。

保证金控制： 边距缩写：margin:1 0px 2 0px 1 5 px 5 px； 水平居中：边距：0 auto;
边距填充： 均匀内边距：内边距：1 5 px； 单独设置：padding-top:5 px； padding-left:1 0px;
现代布局： Flexbox居中：显示：flex；理由内容：中心；对齐项目：居中； 居中网格：显示：网格； place-items:center;
要点： 绝对定位将文档流分开。
相对定位保留了原始空间。
垂直边距合并具有较大的值。
盒子尺寸：内容盒；宽度/高度不包括填充/边框。
盒子尺寸：边框盒；宽度/高度包括填充/边框。

完整示例： 位置：相对；宽度：3 00px；高度：2 00px； 位置：绝对；顶部：2 0%；左：1 0%；宽度：8 0%； 内边距：1 5 px；边距：1 0px；背景：f0f0f0； box-sizing:border-box;
应优先考虑 Flexbox/Grid。
传统定位适合特殊需求。
使用浏览器开发人员工具调试属性值。