Have 3 post horizontally aligned

[mcamposs]

Hello,

I have the Theme Magazine Pro, I have adjusted it to full width. I want instead of two horizontal post, to have 3 post horizontally aligned, but I have not achieved it.

My Changes:
.site-inner, .wrap {
margin: 0 auto;
max-width: 95% !important;
}
.content {
float: right;
width: 900px !important;
}
.home-middle .featured-content .entry {
width: 30% !important;
}

The problem is that the third post is in another row. The 3 post are not aligned horizontally.

Can you helpme please?

Thank you very much.

https://elchatel.com/demoswp/magazine-pro

[Brad Dalton]

When you copy the CSS rule to the end of your style sheet, you don't need to use !important.

I think you'll find the problem is with the width and float clearing

.home-middle .featured-content .entry {
	width: 360px;
}

---

Tutorials for StudioPress Themes.

[mcamposs]

Dear braddalto,
Thank you very much!.
The divs have been aligned horizontally.

I put the complete code, for those who have the same problem.

.site-inner,
.wrap {
margin: 0 auto;
max-width: 95%;
}
.content {
float: right;
width: 920px;
}
.sidebar-primary {
float: right;
width: 320px;
}
.home-middle .featured-content .entry {
width: 30%;
}
.home-middle .featured-content .entry:nth-of-type(2n+1) {
clear: none;
}

[Author]

Posts