title: List of images in horizontal way using react.js
body: <p>I am trying to create a list of images having text just below it. All images in this list should be horizontal. I am using <a href="http://jsfiddle.net/2xGZ5/2/" rel="nofollow noreferrer">this fiddle</a>
  It is working fine without react.<br>
  But I want to do it in react as follows.</p>
  
  <pre><code> a.subList.map((b) =&gt; (
                                      &lt;figure id="figure"&gt;
                                          &lt;ul&gt;
                                              &lt;li&gt;
                                                  &lt;img src={b.imageUrl} /&gt;
                                                      &lt;figcaption&gt;{b.name}&lt;/figcaption&gt;
                                              &lt;/li&gt;
                                          &lt;/ul&gt;
  
                                      &lt;/figure&gt;
                                  ))
  </code></pre>
  
  <p>where a.subList is in this form </p>
  
  <pre><code>[{"imageUrl":"/acb","name":"cvb"},{"imageUrl":"/asdf","name":"cvbnm"}]
  </code></pre>
  
  <p>But using  react function  it is not showing in horizontal direction.</p>