What do you mean by horizontal row? If you want the text to display alongside the images then disregard what I've said and follow Martyr2's instructions. If you wanted the text under the image, this is how to do it still using your max-width to wrap the text:
CODE
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MoviePic Test</title>
<style type="text/css">
#upcomingMovies {
position: absolute;
top: 100px;
border: 1px solid #5C5A57;
font-size: 14px;
font-weight: bold;
}
#upcomingMovies div {
float:left;
}
#upcomingMovies .contentNotes {
font-size: 9px;
max-width: 100px;
border: 1px solid #DD961B;
}
</style>
</head>
<body>
<div id="upcomingMovies">
<div class="contentNotes">
<img src="images/fader1.jpg"/>
blahblahblah
</div>
<div class="contentNotes">
<img src="images/fader2.jpg"/>
blahblahblah
</div>
</div>
</body>
</html>
You can alternatively put the
float:left; in the .contentNotes rules with the same effect.
| 