Just do this for both elements: - the container with the description + the image
html {
font-size:1em;
}
img {
width:auto;
max-width:100%;
height:auto;
}
ul {
list-style:none;
padding:0;
}
/* Fix to remove white space in inline-block elements */
ul li {
font-size:0;
}
ul li > div {
font-size:16px;
}
.slide-desc {
width:35%;
text-align:center;
}
.image-container {
width:65%;
text-align:right;
}
.slide-desc,
.image-container {
display:inline-block;
vertical-align:middle;
}
http://jsfiddle.net/FeAHJ/21/
http://jsfiddle.net/FeAHJ/21/show