I read this artical http://css-tricks.com/implied-block/ . I test it in my own chrome browser,

Question

0

Asked: June 15, 20262026-06-15T06:27:35+00:00 2026-06-15T06:27:35+00:00

I read this artical http://css-tricks.com/implied-block/ . I test it in my own chrome browser,

0

I read this artical http://css-tricks.com/implied-block/.
I test it in my own chrome browser, yes, using float style generate the display:block style.
As I known display:block means that the element becomes the block-level element, and it occupies the whole line. Next element should starts in a new line.

But I test the float property. Although it generate the display:block, the next element(also float) is still in the same line. So what’s the matter with it?

 <style type="text/css">
    span
    {
        width: 30px;
        margin: 0 10px;
        background-color: Red;
        float:left;
    }
 </style>
<body>
<span>222</span><span>323</span><span>dd</span>