Column Classes: Get New Paragraph to Line Up

[AnitaC]

In the column classes, if the columns are not "balanced" or evenly distributed and you want to start a brand new paragraph - the paragraph starts under the last column. What code would we insert in addition to the last to get the new paragraph to go back to left justified?

---

Need help with customization or troubleshooting? Reach out to me.

[Posh John]

You could try wrapping your columns in a new div, and then adding a pseudo class to your new div, like..

.your-new-div:after {
clear:both;
}


---

Thus the heavens and the earth were completed in all their vast array. Genesis 2

[AnitaC]

The only problem with that is having to do that each time. That might be too complicated to explain to a client. But thank you for the tip.

---

Need help with customization or troubleshooting? Reach out to me.

[PhaseCreative]

I'm searching for the solution to this too. I'm fine mucking about with div tags and stuff, but it isn't going to fly with my clients. Does anyone else have a work around for this?

 

 

---

Based in Sydney, I design and produce creative websites for small business and enthusiastic bloggers. Follow on twitter

[AnitaC]

@RobinCornett responded on Twitter to add this to the end of the last column.

<br clear="all">

---

Need help with customization or troubleshooting? Reach out to me.

[Robin]

Just to clarify: not inside the div for the last column, it needs to be outside the column div, so (for example) right above your next heading or paragraph. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[AnitaC]

Oh, thanks Robin!

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts