[brinded]

Hi, I'm trying to improve the formatting of my picture titles, but not having much luck.

Attached file shows how captions are currently appearing.

Code looks like this...

 <p class="s8"></p>

    <div style="display:inline-block;vertical-align:baseline;width:38.462%;">
      <span class="c17"><img alt="image5.png" src="../Images/image5.png" style="width:100%;" /></span>
    </div>Place de la Résistance, Brussels

    <p class="s8"></p>

    <p class="s6">An unremarkable square, its outermost border was lined with oak trees. Leaves defined the seasons which otherwise would be indistinguishable in cold, gray, wet weather that persisted throughout much of the year. Between this outer ring and the paved interior lay a stretch of sand-colored dirt and gravel. On the edge sat wrought iron and wooden benches that would quickly fill on sunny days, or when withered old men wearing caps and worn jackets would gather to play “<span class="c6">balle pelote</span>” – a game whose rules and object I never knew, but it involved rolling hard, fist-sized balls on the ground toward other stationary balls. The center of the square was unadorned – no fountain, no statue – just an expanse of concrete perfect for playing hopscotch, jumping rope, or just running wild.</p>

    <p class="s6">Some of the buildings around the square, including ours, had small businesses on the ground floor – a hairdresser, a dry cleaner, and several bars with outdoor cafés; a small grocery; and a take-way restaurant. Our favorite place was the restaurant. Whenever there was a little extra cash at home my brothers and sister and I would get 5 Francs to buy a pile of “<span class="c6">frites</span>” – what Americans call “French fries.” We peered up at the counter as the fries were handed down to us wrapped in paper. If we could scare up an extra Franc, or sometimes even if we couldn’t, the <span class="c6">frites</span> would also be drenched in mayonnaise. We’d haul the whole salty, greasy package across to the square and sit on benches, oblivious to our surroundings until the last <span class="c6">frite</span> had been consumed.</p>

    <p class="s6"></p>

    <p class="s8"></p>

    <div style="display:inline-block;vertical-align:baseline;width:38.462%;"><img alt="image6.png" src="../Images/image6.png" style="width:100%;" /></div>Justice de Paix, Brussels

    <p class="s6"></p>

    <p class="s6">An imposing redbrick <span class="c6">Justice de Paix</span> [courts of justice type building] dominated Place de la Résistance. Its enormous lead glass windows overlooked the square like the watchful eyes of a god. Other buildings...

and CSS as follows:

.s8{
	color: #000000;
	font-size: 56.2500%;
	font-style: italic;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0.0000em;
	margin-bottom: 0.0000%;
	margin-top: 0.0000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	text-align: left;
	text-decoration: none;
	text-indent: 0.0000%;
	text-transform: none;
}

note that S8 is very small italics, but as the attachment shows, this is not how it appears on page.

Ideally, I'd like the captions to follow stylesheet S8, and it would be good to have a small indent before the first letter of text, too.

Any pointers?

thanks,