[Pro] Inline Image Wrongly Made an H1

Inline images have to be contained by a text tag. Inserting your image anywhere in a line of text will use that line’s text tag. This is normal and not a bad thing. However, if you want a different result, this is a pretty easy fix.

###Way the First

Insert your cursor before the H1 text as before. Choose HTML Item from the Insert menu. Set it’s width to Available, then click inside it and insert your Image there. Text-align it left, right or center. Remember to remove the min-height value from the containing HTML Item. This method separates your Image from your H1 text-- your image is actually wrapped by a p (paragraph) tag inside of the HTML Item.

###Way the Second

Insert your cursor before your H1 text as before. Press Return. If you have Show Invisibles enabled, shift-right arrow to select the new line and remove the styling. Otherwise, hit Space or any other character, then highlight the line and remove the styling so you end up with a normal Paragraph before the H1 line. Insert your graphic item in that paragraph line before the H1.

###Remember

Inline images are normal and semantic transfer from the H1 to the image title or alt attributes is dubious at best. I, however, appreciate your effort at clarity. :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at: