Help with formatting an img float with text on WP page

The email issue is actually the second part of my answer. Your wordpress is auto wrapping the content above in a < p > tag, and since the address tag is outside the p tag, and the p tag is containing the image and text content, the address tag will not collapse to the right of the image.

<div class="splash-photo">
                    <p> 
                        <a href="http://frimond-design.com/?page_id=143"><img src="http://frimond-design.com/wp-content/uploads/2014/01/elegant-150x150.jpg" alt="Kristin Walovich" width="150" height="150"></a>
                    </p>                

                    <p>

                            <a href="http://frimond-design.com/?page_id=143" title="Kristin Walovich">Kristin Walovich</a>

                    </p>

                    <p>
                        <strong>Analyzing the relationship between tropich position and mercury concentration in deep sea shark species from the Southern Indian Oceans</strong>
                    </p> 
                    <p>
                        </p><address>
                        <a href="mailto:kwalovich@mlml.calstate.edu">Email</a>
                        </address>
                    <p></p>
                </div>

See all the < p > tags being inserted? your code should look like:

    <div class="splash-photo">
        <img src="http://frimond-design.com/wp-content/uploads/2014/01/elegant-150x150.jpg" alt="Kristin Walovich" width="150" height="150">
        <a href="http://frimond-design.com/?page_id=143" title="Kristin Walovich">Kristin Walovich</a>
        <p><strong>Analyzing the relationship between tropich position and mercury concentration in deep sea shark species from the Southern Indian Oceans</strong></p>
        <a href="mailto:kwalovich@mlml.calstate.edu">Email</a>
    </div>

Your CSS file is located at: /wp-content/themes/catch-everestchild/style.css. You removed the h4 tag, so that isnt an issue anymore, but you should be able to use an h4 if you wanted to, you just needed to override the 'clear' rule in that CSS file at line 279.

Riley Hilliard thanks for the help. I removed the clear fix I had place on the H4 however I didn't experience much of a change. I then removed the H4 tags and an almost there. If the email link followed the other two components I would be golden.

How did you find line 279 on the style.css and is that the child theme CSS or the template theme CSS where the clear is?

Cheers

Just to add the < address > tag is given display: block by default, you could remove this tag and just use < a > to keep the email inline with the rest of the content. (use < br > to put it on its own line)

The line Riley is referring to is found in /wp-content/themes/catch-everest/style.css

Also are you using developer tools? They are extremely useful for seeing what's going on your page and most browsers will have their own version. E.g If your using chrome, ie or firefox press F12 to bring it up. I'm assuming that is how Riley found the problem.

Hope this helps! EDIT: Formatting

Legendary Riley Hilliard thanks for the information! I dont know why I had so many <p> tags. The new code does the job and is much more concise.

To confirm, when overriding a css 'clear' property I would the default property of 'none'

Thanks again!