Column Flaw?
HTML
<ul class="column">
<li>Tate Modern is staging a major retrospective of painter Gerhard Richter, considered one of the world's greatest living artists. Here, curator and Tate director Nicholas Serota talks to him about the enduring power of his work</li>
<img class="grayscale" src="http://i57.tinypic.com/2i9p8go.jpg" width="80%" height="auto" />
<h2>Hoverover works on this side...</h2>
<li><span>Nicholas<br/>Serota</span>Over fifty years, you have worked in sculpture, in drawing, in photographs, by painting over photographs, but you have always remained very loyal to painting. Of course you are known as a painter, but in the contemporary world such loyalty to painting is quite unusual.</li>
<li><span>Gerhard<br/>Richter</span>
<p>A lot of people find other mediums more attractive - put a screen in a museum and nobody wants to look at the paintings any more.</p>
<p>But painting is my profession, because it has always been the thing that interested me most. And now I'm of a certain age, I come from a different tradition and, in any case, I can't do anything else.I'm still very sure that painting is one of the most basic human capacities, like dancing and singing, that make sense, that stay with us, as something human.</p>
</li>
<li><span>NS</span>Are you always thinking about how to make a timeless object?</li>
<li><span>GR</span>It's not that I'm always thinking about how to make something timeless, it's more of a desire to maintain a certain artistic quality that moves us, that goes beyond what we are, and that is, in that sense, timeless.</li>
<li><span>NS</span>Do you think this comes, in part, from an early training that was respectful of craft?</li>
<li><span>GR</span>Yes, but it's not about skill, the so-called craft, that's a given, and virtuosity alone has nothing to do with art. I don't how I can describe the quality that is only found in art (be it music, literature, painting, or whatever), this...
CSS
h2 {
color: blue;
}
.column {
margin-top: 5%;
-moz-column-count: 2;
-moz-column-gap: 30px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
column-count: 2;
column-gap: 30px;
}
img.grayscale {
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease;
/* Fade to color for Chrome and Safari */
/* Fix for transition flickering */
clear: both;
padding-top: 1em;
padding-bottom: 1em;
display: block;
}
img.grayscale:hover {
-webkit-filter: grayscale(10%);
}