View Single Post
Old 06-14-2014, 12:03 PM   #21
MikeWV
Connoisseur
MikeWV began at the beginning.
 
Posts: 54
Karma: 10
Join Date: Nov 2013
Device: Kobo Touch
SVG Image Code

The following is an example of the code I'm using for my images. Maybe someone will see a reason why applying "font-family: sans-serif" to the parent element is having no effect.

<div class="txcenter">
<p class="imcenter">
<img src="../images/13f01_eff_front_graph.svg"
width="100%"
height="auto"
alt="Efficient Frontier Plot"
title="Efficient Frontier Plot" />
</p>
<p class="figurenum">Figure 13-1</p>
</div>

img {
display: block;
text-indent: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.txcenter {
text-align: center;
page-break-inside: avoid;
}

.imcenter {
text-align: center;
display:inline-block;
font-family: sans-serif; This has no effect.
}

Any place where font-family has been specified in the CSS it has been specified as normal. I did that so that readers can use their preferred fonts.

.txcenter is the class for the division that contains the inline block. Adding font-family to that class has no effect either.
MikeWV is offline   Reply With Quote