How do I create a single space in css between a sentence and a photo on my wordpress site? I tried wrapping my sentence with the following code: <span style="font-size: 0.8em; line-height: 75%;">blahblahblah</span> but this did not do work.
Edit:
My apologies for the late response. I am just trying to include a Flickr link at the bottom of my photo to attribute/credit the photographer – but I would like to have a single space between the photo and the attribute/credit link. Below is the code for what I currently have at the top of my blog post:
<img class="size-full wp-image-68 alignnone" title="What Causes Eczema" src="http://eczemafreedomacademy.com/wp-content/uploads/2012/04/what_causes_eczema.jpg" alt="What Causes Eczema" width="500" height="500" /><span style="font-size: 0.8em;">(Photo: <a href="http://www.flickr.com/photos/helga/3952984450/" target="_blank">Helga Weber</a>)</span>
Thank you in advance.
Not sure I fully understand what you are trying to accomplish without seeing your HTML, but assuming the simplest case this should work.
First ad an id attribute to your image tag. It can by any id value as long as it doesn’t duplicate the id of another element and matches what you have in the style code.
Add a style element to your document (usually inside the head element), or add this CSS markup to an existing style element. You can also insert the inner part into any CSS file linked to by your document. Read this article for more on where to put this.
BTW: It is generally not a good practice to put styles inline on your elements. Put them in a separate
<style>element in your document.