title: Container's style to vertical align image inside
body: <p>I want the image inside the container vertical align in center.
  I tried below, all failed:</p>
  
  <pre><code>display:"inline-block", alignItems:"center", valign:"middle", verticalAlign:"middle", 
  </code></pre>
  
  <p>My code is below:</p>
  
  <pre><code>&lt;p style={{display:"inline-block", alignItems:"center", valign:"middle",
  verticalAlign:"middle", textAlign:"center", width: "100%", height: "100%" }}&gt;
  
  &lt;img style={{height: "auto", display:"inline-block", valign:"middle",
  verticalAlign:"middle", width: "auto", maxWidth: "380px", maxHeight: "200px", 
  overflow: "hidden" }}
  src= "http://icons.iconarchive.com/icons/paomedia/small-n-flat/256/sign-check-icon.png" /&gt;
  
  &lt;/p&gt;
  </code></pre>