Thread: Center Image and Caption
View Single Post
Old 07-26-2011, 05:50 PM   #2
SamL
I mess around with Epubs
SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.
 
Posts: 82
Karma: 1566
Join Date: Mar 2011
Location: Cambridge, MA
Device: mac, ipad, nook, kindle
Okay, after looking around some more. I've tweaked my CSS a little to this:

Quote:
p.caption {
font-family: "Arial", sans-serif;
line-height: 1em;
font-size: 0.68em;
margin: 0.3em auto;

}

div.center {
text-align:center;
}
My code looks the same:
Quote:
<div class="center"><img src="images/2_06.jpg" alt="2_06.jpg" />
<p class="caption" >A gathering of cellists: Andre Navarra, Zara Nelsova, Milos Sadlo, Adolfo Odnoposoff, (unknown), Maurice Eisenberg, Mstislav Tostropocich</p></div>

Now its centering properly, but the text does not stay within the edges of the photo:
SamL is offline   Reply With Quote