Left and right alignments
If you specify the position of an image, you should not have an image caption as the caption would be centred. The alignment {: .normal} is left aligned.
1
2
{: w="105" h="74" .normal }
_This caption is not properly aligned with the image._
This caption is not properly aligned with the image.
Left alignment by using float can be achieved with the attribute {: .left}. The text following the image would border the image itself.
1
{: w="105" h="74" .left }
Porttitor lacus luctus accumsan tortor posuere. Habitant morbi tristique senectus et netus et. Eget est lorem ipsum dolor sit amet consectetur adipiscing elit. Et pharetra pharetra massa massa ultricies mi. Fringilla urna porttitor rhoncus dolor purus non enim praesent. Egestas diam in arcu cursus euismod quis viverra nibh. Consectetur adipiscing elit pellentesque habitant morbi tristique. At consectetur lorem donec massa. Nisi porta lorem mollis aliquam ut porttitor. Morbi leo urna molestie at elementum. Sodales ut eu sem integer vitae justo eget. Non nisi est sit amet facilisis magna. Ante in nibh mauris cursus. Consequat interdum varius sit amet mattis. Felis eget velit aliquet sagittis id consectetur purus ut. Sem viverra aliquet eget sit amet. Eget nunc scelerisque viverra mauris in aliquam. Ut venenatis tellus in metus. Dui sapien eget mi proin sed libero. Rhoncus dolor purus non enim praesent elementum facilisis leo.
Right alignment by using float can be achieved with {: .right}. The text following the image would border the image itself, like the left alignment example above.
1
{: w="105" h="74" .right }
Maecenas pharetra convallis posuere morbi leo. Nulla facilisi nullam vehicula ipsum a arcu cursus vitae congue. Auctor neque vitae tempus quam pellentesque nec nam. Aliquet enim tortor at auctor urna. Massa sed elementum tempus egestas sed. Ultricies mi eget mauris pharetra et ultrices neque. Cursus metus aliquam eleifend mi in. Magnis dis parturient montes nascetur ridiculus mus mauris vitae. Risus nec feugiat in fermentum posuere urna nec. Mi eget mauris pharetra et ultrices neque ornare aenean euismod. Faucibus scelerisque eleifend donec pretium. Quisque sagittis purus sit amet volutpat. Eget nulla facilisi etiam dignissim diam quis enim. Et molestie ac feugiat sed lectus. Enim blandit volutpat maecenas volutpat blandit aliquam etiam erat.