Inline clearfix before in css

Question

I would like to break the line automatically before a <strong> tag begins. I'd try a couple of things, but can't find out how to do so.

I tried:

strong, b {font-weight: bolder;clear:both;display:block;}

and

strong:before, b:before {clear:both;display:block;height:1%}
strong, b {font-weight: bolder;}

Is there any solution for this?

You can't apply clear to inline elements, it will automatically revert to "inline". — animuson, Nov 17 '11 at 22:29
`display: block;` is not inline. The problem is that the content is null (different than empty) within the block so it just won't even display the `:before` elements. Adding `content: ""` is all he needs. — Cory Danielson, Nov 17 '11 at 22:34

Cory Danielson · Accepted Answer · 2011-11-17T22:43:34.450

2

Here

strong:before {
    content: "";
    display: table;
    clear: both;
    zoom: 1.0;
}

I learned about this a few weeks ago after running across A new micro clearfix hack - Nicholas Gallagher

edited Nov 17 '11 at 22:43

answered Nov 17 '11 at 22:28

Cory Danielson

score 0 · Answer 2 · answered Nov 17 '11 at 22:35

0

are you not looking for something like this?

strong, b { 
    font-weight: bold;
    display:block;
    clear: both;
}

answered Nov 17 '11 at 22:35

okcoker

Yours will clear before & after, instead of just before. http://jsfiddle.net/dxQBy/9/ vs http://jsfiddle.net/dxQBy/8/ – Cory Danielson Nov 17 '11 at 22:44

2 Answers2