I have html markup like this:

```
<ul>
  <li>
    <h2>heading</h2>
    <img src="path.jpg" />
    <p>paragraph here</p>
  </li>
  <li>
    <h2>heading</h2>
    <img src="path.jpg" />
    <p>paragraph here</p>
  </li>
....
</ul>

```

And I'm using multiple column layout for this:

```
ul{
column-count: 3;
}

```

But it's breaking column from anywhere but I want to avoid breaking from anywhere. It should break from `li` tag only

So, I tried `break-after` <https://developer.mozilla.org/en-US/docs/Web/CSS/break-after> which seems not supporting. I'm using firefox 27.1.

---

I've tried a lot using prefixes too.