Since then, the image is appearing centered on the screen rather than left-aligned as it had been prior to applying the "thumbnail" style.
Wrapping it in <p> tags didn't help, though text wrapped in <p> tags does appear left-aligned.
I'm not sure what is prompting it to be centered on page? I've looked through the parent divs and nothing is jumping out at me.
Here is my CSS for img and img-thumbnail:
Code: Select all
img /*Setting max-width: 100%; property makes images always fit the width of the container*/
{
max-width: 100%;
}
img.thumbnail
{
display: inline-block;
mc-thumbnail: popup;
max-width: 225px;
mc-thumbnail-max-height: auto;
mc-thumbnail-max-width: 150px;
}
Code: Select all
<body>
<h1>Join a meeting as a participant</h1>
<p><img src="../Resources/Images/signin.png" class="thumbnail"/></p>
<p>Hello World</p>
<ol>
<li>On the sign in screen, enter the meeting number. </li>
<li>Enter a display name.</li>
<li>Enter an email address (optional).</li>
<li>Click <b>Join</b>.</li>
</ol>
</body>