Create space between paragraphs that contain images

  • Unknown's avatar
    brianhayesmusic · Member ·

    I’m new to inserting images into text and am having a difficult time creating separation between paragraphs when said paragraphs contain images. Here’s the page in question:

    CDs, Sheet Music & Merch

    To make it easier to visualize what I’m trying to accomplish, I’ve created two identical paragraphs, each containing an image. As you can see, the two paragraphs run together, the second one being off to the right of the first. I’m wanting the second paragraph to be down below the first, with some space in between. It’s seems like such a ridiculous thing to not be able to do.

    Here’s my code:

    <p class="style15 blocktext"><font face="Arial, Helvetica, sans-serif">Mi Favorita (a 19th century mazurka)<br />

<p class="style15 blocktext"><font face="Arial, Helvetica, sans-serif">
<a href="http://www.classicalguitarorlando.com/wp-content/uploads//2014/04/Mi-Favorita-Annoymous-TAB.jpg"><img class="alignleft wp-image-1542 size-large" src="http://www.classicalguitarorlando.com/wp-content/uploads//2014/04/Mi-Favorita-Annoymous-TAB-785x1024.jpg" alt="Microsoft Word - Mi Favorita (Annoymous) (TAB)" width="167" height="216" /></a>To inquire about lesson pricing and availabilities, please click <a href="http://www.classicguitarorlando.com/?page_id=51">here</a> to go directly to my <a href="http://www.classicguitarorlando.com/?page_id=51">Contact page</a>.<br />

<p class="style15 blocktext"><font face="Arial, Helvetica, sans-serif">
Mi Favorita (a 19th century mazurka)<br />

<div class="content"><p class="style15 blocktext"><font face="Arial, Helvetica, sans-serif"><a href="http://www.classicalguitarorlando.com/wp-content/uploads//2014/04/Mi-Favorita-Annoymous.jpg"><img class="alignleft wp-image-1542 size-large" src="http://www.classicalguitarorlando.com/wp-content/uploads//2014/04/Mi-Favorita-Annoymous-785x1024.jpg" alt="Microsoft Word - Mi Favorita (Annoymous)" width="167" height="216" /></a>To inquire about lesson pricing and availabilities, please click <a href="http://www.classicguitarorlando.com/?page_id=51">here</a> to go directly to my <a href="http://www.classicguitarorlando.com/?page_id=51">Contact page</a>.
  </div>
</div>

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    auxclass · Member ·

    However: 

    <div style="clear:both;"></div>  - clear and start over after an image - survives Visual Edit Mode

    The site you are asking about does not seem to be hosted on WordPress.COM so you need to make friends over at WordPress.ORG the keepers of the software you are using.

    https://en.forums.wordpress.com/topic/7-things-to-know-before-posting-in-wordpresscom-forums?replies=1

    This site is for support of sites hosted on WordPress.COM. You should address your questions to WordPress.ORG the keepers of the software you are using: http://wordpress.org/support/

    The forum at WordPress.ORG is not connected to WordPress.COM so you will need to open an account at .ORG if you do not already have one. You may use the same email at WordPress.ORG as you do at WordPress.COM.

    For more on the difference: http://support.wordpress.com/com-vs-org/

  • Unknown's avatar
    brianhayesmusic · Member ·

    Holy cow. In spite of the fact that I posted in the wrong place, you were kind enough to solve my problem anyway. And so quickly! Thank you, auxclass. You are a person of class, just as your user name states.

  • Unknown's avatar
    auxclass · Member ·

    I use that code here all the time so simple to give it to you as well at the proper place to get help

    you be welcome & good luck

  • The topic ‘Create space between paragraphs that contain images’ is closed to new replies.