title: Centering image in columns (liquid layout)
body: <p>My goal is to make each of these images be centered in their respective columns while maintaining the liquid layout. Each of the images should be centered in each column (e.g. one flag per column centered). Any help would be appreciated as this is an assignment. Thanks</p>
  
  <p>HTML and CSS Code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.two { 
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2; 
       }
              
              .column1    {
                  width:33%;
                  float:left;
              }
              
              .column2    {
                  width:33%;
                  display: inline-block;
              }
              
              .column3    {
                  width:33%;
                  float:right;
              }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p class="two"&gt;
  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
     tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At 
     vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, 
     no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, 
     consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
     dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo 
     dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum 
     dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
     eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At 
     vero eosle et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea 
              takimata sanctus est Lorem ipsum dolor sit amet.&lt;/p&gt;
      
         &lt;p class="column1"&gt;
       &lt;img src="australia_flag.jpg" height="200" width="300" /&gt; &lt;br&gt;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
     tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At 
     vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, 
     no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, 
     consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
     dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo 
     dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum 
     dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
     eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At 
     vero eosle et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea 
     takimata sanctus est Lorem ipsum dolor sit amet.
    &lt;/p&gt;
          
          &lt;p class="column2"&gt;
       &lt;img src="brazil_flag.jpg" height="200" width="300" /&gt; &lt;br&gt;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
     tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At 
     vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, 
     no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, 
     consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
     dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo 
     dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum 
     dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
     eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At 
     vero eosle et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea 
     takimata sanctus est Lorem ipsum dolor sit amet.
    &lt;/p&gt;
          
          &lt;p class="column3"&gt;
       &lt;img src="china_flag.jpg" height="200" width="300" /&gt; &lt;br&gt;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
     tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At 
     vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, 
     no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, 
     consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
     dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo 
     dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum 
     dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
     eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At 
     vero eosle et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea 
     takimata sanctus est Lorem ipsum dolor sit amet.
    &lt;/p&gt;
          </code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks!</p>