我想以这样的方式定位 2 个元素,使它们对齐,结构是这样的;一个 div 元素里面有 2 个 div;我想将带有相机徽标的按钮放在右侧的文本旁边,并在其中标有复选标记:
这是我的基础:盒子的纯色仅用于定位。
<div style="border:solid;">
<div style="width:50%; display:inline-block; border:solid;">
<span>
<strong>Nombre evento</strong>
Descripcion evento
</span>
</div>
<div style="width:50%; display:inline-block; border:solid;">
<span >
<button style="border-radius:5px;" ><i ></i>Boton</button>
</span>
</div>
</div>
我本来
Flexbox
可以更快地做到这一点我向您展示我实现的代码并解释它们的用途,另一方面,如果您有兴趣了解更多关于Flexbox
它的信息,我会给您留下这个链接PS:我看到您使用的是 中的样式
css
,html
我建议您创建一个文件css
并将您的样式分开并在那里排序。我希望对您有所帮助,无论您告诉我什么,祝您好运!