image creates a gap in text layout

  • elyman

    (@elyman)


    6 years ago

    Hello,
    On this page I wanted to have the images on the right but when I position them there, there it creates a wide gap in the text where there has been a return. Can I clear this please?
    Thankyou
    Neil

    Ps. Will add another question about changing the font size.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Access-keys Support

    (@amritshrestha)

    Hi there,

    Thank you for writing in,

    We have suggested you change the div structure of your content now you have following div structure.

    <h3 class="with-image"><strong>Places Nearby</strong><br>
<a href="https://www.thecutterinn.co.uk/" title="Ely riverside pub and eatery - The Cutter Inn."><u>The Cutter, Ely</u></a><br>
Ely Cathedral, Ely<br>
Ely Design Group, Stretham, Ely<br>
East Cambs District Council, The Grange, Ely <br>
Neil Ford – Ely Website SEO<br>
Ely, Cambridge<br><strong><a title="Visit my LinkedIn profile." href="https://www.linkedin.com/in/neil-ford-34a91259/" target="_blank" rel="noopener"><u>LinkedIn Profile</u></a></strong>
</h3>
<h3>Neil Ford – Ely Website SEO<br>
Ely, Cambridge</h3>
<h3><strong><a title="Visit my LinkedIn profile." href="https://www.linkedin.com/in/neil-ford-34a91259/" target="_blank" rel="noopener"><u>LinkedIn Profile</u></a></strong></h3>

    Please replace these content 

    <h3 class="with-image"><strong>Places Nearby</strong><br>
<a href="https://www.thecutterinn.co.uk/" title="Ely riverside pub and eatery - The Cutter Inn."><u>The Cutter, Ely</u></a><br>
Ely Cathedral, Ely<br>
Ely Design Group, Stretham, Ely<br>
East Cambs District Council, The Grange, Ely <br>
Neil Ford – Ely Website SEO<br>
Ely, Cambridge<br><strong><a title="Visit my LinkedIn profile." href="https://www.linkedin.com/in/neil-ford-34a91259/" target="_blank" rel="noopener"><u>LinkedIn Profile</u></a></strong>
</h3>
<h3 class="with-image"><img data-attachment-id="304" data-permalink="https://ely-website-seo.co.uk/my-business/neil-ford-ely-website-seo-banner/" data-orig-file="https://i2.wp.com/ely-website-seo.co.uk/wp-content/uploads/2018/10/neil-ford-ely-website-seo-banner.png?fit=238%2C238&ssl=1" data-orig-size="238,238" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="neil-ford-ely-website-seo-banner" data-image-description="<p>Ely Website SEO – Improving Website Performance</p>
" data-medium-file="https://i2.wp.com/ely-website-seo.co.uk/wp-content/uploads/2018/10/neil-ford-ely-website-seo-banner.png?fit=238%2C238&ssl=1" data-large-file="https://i2.wp.com/ely-website-seo.co.uk/wp-content/uploads/2018/10/neil-ford-ely-website-seo-banner.png?fit=238%2C238&ssl=1" class="size-full wp-image-304 alignright" src="https://i2.wp.com/ely-website-seo.co.uk/wp-content/uploads/2018/10/neil-ford-ely-website-seo-banner.png?resize=238%2C238&ssl=1" alt="Neil Ford - Ely Website SEO." width="238" height="238" srcset="https://i2.wp.com/ely-website-seo.co.uk/wp-content/uploads/2018/10/neil-ford-ely-website-seo-banner.png?w=238&ssl=1 238w, https://i2.wp.com/ely-website-seo.co.uk/wp-content/uploads/2018/10/neil-ford-ely-website-seo-banner.png?resize=150%2C150&ssl=1 150w" sizes="(max-width: 238px) 100vw, 238px" style="
    /* height: 200px; */
"></h3>

    And also add the following custom CSS code

    h3.with-image {
    width: 49%;
    display: inline-block;
}

    Thank you!!

Viewing 1 replies (of 1 total)
  • The topic ‘image creates a gap in text layout’ is closed to new replies.