为什么CSS Float不能将文本移动到图像的右侧

Question

snippet of exact problem 问题-

[screenshot of website][1]I am creating my personal website. I need my skills text shown next to one of the images using the Float left. it doesn't work as expected.


used float left to align text next to the image-

下面是代码的链接-

codepen.io/gk65408/post/为什么将css-float-doesnt移动我的文本到我的图像的右侧

Answer 1

该行不起作用，因为该段落的文本中没有空格，因此该行框会保持尽可能长的时间，这会将其推到图像下方。

添加普通空格或添加zero-width space characters。