Forced Line Spacing
-
I have read multiple forum answers about forcing line spaces, and yet none of the coding takes consistently.
I want spacing after a picture or a video, and none of the html coding that I have tried works. This <br style=”clear:both;” /> worked for a while, and then stopped.
I tried using Shift+Return, <p> </p>, and
.Here’s the blog post I’m working on: http://makeyourmovefans.wordpress.com/?p=1421&preview=true
The blog I need help with is: (visible only to logged in users)
-
We can’t see previews. Please publish the post, then describe exactly how you want things to look like (video may require a different solution than image).
-
You can also use the Request Feedback function – then you don’t need to publish the Post for people to see it – use the link option
http://en.support.wordpress.com/writing-helper/request-feedback/
-
We don’t seem to have that widget, and we are not ready to publish this. So guess that means we’re out of luck? Darn! There must be a standard way to get line spacing.
-
-
Okay, too fast on the draw. Here’s the link. http://makeyourmovefans.wordpress.com/?p=1421&shareadraft=51a93b8158f2e
-
There are standard ways, but the appropriate or preferable way depends on the exact situation.
Since the images and the videos are centered (that is, no text wrap), and since you’ve made the paragraphs justified, the easiest way to do what you want is to modify the already existing code in order to add space above each paragraph. Change each one of these:
<p style="text-align:justify;">
to:
<p style="text-align:justify;margin-top:24px;">
Change the margin-top number to adjust the space.Are the bullets at the end intentional or are they a makeshift for adding space at the end? If it’s the latter, remove the bullets and enclose the “Written by” paragraph in this code:
<p style="margin-top:24px;margin-bottom:66px;">
Again, change the margin-bottom number to adjust the space.As for the other things you tried, they’re wrong and they get stripped out if you toggle between Text and Visual.
The web standard is no multiple spaces, no multiple line breaks, no multiple paragraph breaks, no paragraphs without content. So you’re not supposed to add empty p tags, or press enter more than once, or press shift-enter more than once.
The plain br tag is not used to add space: it’s used to create a line break (i.e. force a new line); and you never need it in the editor: it’s what the actual code will be when you press shift-enter in the Visual editor or enter in the Text editor (the code of plain line breaks and plain paragraph breaks is hidden from view in the Text editor, to avoid unnecessary clutter).
Clear:both means clear left and right floats; that is, cancel the wrap-around effect of left- or right-aligned images, so you don’t need it in this case. You need this command when you insert such an image, and you don’t want all the following content next to the image. But a br tag with this command also gets stripped out if you switch to Visual. When you need it (for instance when you need a short paragraph next to an image, and the following paragraph below the image), use this:
<div style="clear:both;"></div> -
Sorry, I wrote “enclose” the last paragraph but showed the opening tag only. Should be:
<p style="margin-top:24px;margin-bottom:66px;">PARAGRAPH HERE</p> -
Thank you so much! That did the trick, and your other comments were highly informative as to what was going on when I would switch from Text to Visual.
I assume that when you wrote “PARAGRAPH HERE” that was not coding, but rather where any wording would go inside the coding. Is this correct?
-
You’re welcome.
Correct, the capitals meant the text (as well as other HTML tags such as the em tags for the italics): I just wanted to show that you need to add the closing p tag at the very end.
Also note that when you change the color via the color tool of the Visual editor, the code that is added is a pair of span tags. But span tags are for part of a paragraph (isolated characters, words or phrases inside the paragraph), not for the whole of it. So ideally the color command should be incorporated in the opening p tag for the “Written by” paragraph. Instead of this:
<p style="margin-top:24px;margin-bottom:66px;"><em><span style="color:#99ccff;">Written by MakeYourMoveFans</span></em></p>
write this:
<p style="color:#99ccff;margin-top:24px;margin-bottom:66px;"><em>Written by MakeYourMoveFans</em></p> -
Thanks for the info. Since I usually work in Visual mode, not sure I’d have the patience to do coding such as you mention every time I want color. But thanks for telling me how to do so, if I ever get stuck. Filing his away for a future time. :-)
- The topic ‘Forced Line Spacing’ is closed to new replies.
WordPress.com Forums 