Viewing 4 replies - 1 through 4 (of 4 total)
  • found a forum that said use <span style=float right etc..

    I would suggest this is really bad advice.

    The p text moves to a new line.

    Yes that usually is supposed to happen.

    This reference might be helpful: https://codex.www.ads-software.com/CSS

    Also, have you tried using only visual editor toolbar buttons to style your text? Instead of trying to handwrite it in the text editor?

    Thread Starter ninsights

    (@ninsights)

    So the span style is bad advice? Can you recommend better advice? Or is that what the CSS link is?

    I have tried using the visual editor only:

    For alignment on the same line, once I change one piece of text everything else follows. I know this is because they are all the same paragraph or whatever element, but that is the point–to separate them.

    When I use visual editor to change h to p after I’ve “floated” them in the code editor, it changes the whole line, or puts it on another line(I can’t remember just now).

    I realize I have much to learn about HTML and CSS before I try so much customization. I was hoping for some inline tricks to get me by, since I have this issue that is taking too much time in finishing other sites.

    The site I linked is actually just a practice site. The page I really need an inline fix for, to eliminate the whitespace on the page is this:
    https://insights-llc.com/build8/american-log-home-heritage/

    “Crosslake Historical…” and every thing below it needs to come up to the same line as “A Different View of Homes in D.C.” on the right.

    I was trying to make it look as close to this:
    https://drive.google.com/file/d/0B8HYgQjBpSGQSWtpRnhVQXhoalU/view
    as possible.

    I don’t understand why this kind of formatting so difficult in WP’s editor. I am guessing it is because MS Word is not bound by the rules of HTML code… or something?

    So the span style is bad advice?

    The css float property often doesn’t work out correctly when in the visual editor. Use align instead of float.

    To learn what is going on with the visual editor, switch to the text editor to see the code it created.

    For alignment on the same line

    This is where you need to learn about wrapping your h2 in a span , just as one example.

    The other tricky thing about either editor, it puts in p and br tags that are “invisible”. To really learn html / css, do it not in WordPress editor.
    https://www.w3schools.com/html/default.asp
    https://www.w3schools.com/css/default.asp

    Thread Starter ninsights

    (@ninsights)

    Thank You. I got some proper training recently and the moral of that story was that I need more CSS training and to use div to get the kind of control I seek.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Floating text and pics on same line’ is closed to new replies.