html - 对齐图中的元素

Question

我的硬件有问题。我无法在左侧对齐 2 个元素 https://jsfiddle.net/tkjxLfjy/这是代码，我尝试了 float:left 之类的东西，但没有用...所以你能帮我把仪表和文字放在图片(黑色正方形)下面吗？

Answer 1

根据 w3school :

Elements after a floating element will flow around it. To avoid this, use the clear property.

将 Clear:both 添加到 div。 image 有 float:left 所以下一个元素位于它后面。

Jsfiddle

figure div
{
    clear: both;
}