Display a ul horizontally but li vertically rails
<p>I have an app where I am trying to show the featured posts on the homepage.  I want the posts to show up horizontally but all the items of the post (the image, the title and the text) to be vertical.  </p>

<p>For the CSS I have:</p>

<pre><code>#hentry ul{
  list-style: none;
}

#hentry li{
  display: inline;
}
</code></pre>

<p>And on the homepage I have:</p>

<pre><code>&lt;div id="hentry"&gt;

 &lt;ul&gt;
  &lt;% @featured_posts.each do |post| %&gt;
     &lt;li&gt;&lt;%= image_tag post.featured_image.url.to_s %&gt;&lt;/li&gt;
     &lt;li&gt;&lt;%= post.title %&gt;&lt;/li&gt;
     &lt;li&gt;&lt;%= post.text %&gt;&lt;/li&gt;

  &lt;% end %&gt;
 &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>Currently the posts show up in a horizontal line but it goes </p>

<pre><code>image 1, title 1, text 1, image 2, title 2, text 2, image 3,  title 3, text 3 
</code></pre>

<p>instead i want</p>

<pre><code>image 1    image 2   image 3
title 1    title 2   title 3
 text 1     text 2    text 3
</code></pre>

<p>I was thinking maybe adding classes to the li tag might be a solution but I'm not sure if that is the best way.</p>