Styling RSS feed in CSS

Question

I have the following RSS feed:

https://jsfiddle.net/yhtf36a1/

Right now, it gets displayed one below the other.

How do I use CSS to make it display two items per row, so that it looks like the following?

I tried using display:inline-block but that didn't work.

create a parent div with 100% width then create child divs with 50% width. — Ravi Hirani
– Ravi Hirani, Commented Dec 19, 2017 at 9:31

GllsBe · Accepted Answer · 2017-12-19 09:32:24Z

1

Use the following CSS:

.entry-wrapper {
  float:left;
  width: 48%;
  background: lightblue;
  margin: 1%
}

See the example here: jsfiddle.net/GillesCoeman/5e8z00z1

answered Dec 19, 2017 at 9:32

GllsBe

347 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Selvam Elumalai · Accepted Answer · 2017-12-19 10:16:20Z

0

Hope this helps

*{font-family:arial}
.rssRow{display:flex}
.entry-wrapper{display:inline-block; margin:.25em;background:#f3f3f3; border:3px solid #f1f1f1; background:#FFF;padding:10px;border-radius:5px;}
.entry-wrapper:hover{background:#edfdff;border:3px solid #f4f4f4}
.entry-image{float:left;}
.entry-text{float:left;}
.entry-title h4{margin:0; font-size:1.5em;font-weight:bold;}
.entry-title h4 a {color:#333; text-decoration:none;}
.entry-title h4 a:hover{text-decoration:underline;}
.entry-date{color:#999; padding-bottom:.75em;font-size:.75em}

Preview at https://jsfiddle.net/itsselvam/yhtf36a1/3/

Let me know for any query on this

answered Dec 19, 2017 at 10:16

Selvam Elumalai

7017 silver badges23 bronze badges

Collectives™ on Stack Overflow

Styling RSS feed in CSS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related