Adding Margins with CSS help

  • Unknown's avatar
    johntaber23 · Member ·

    Ill keep it short, thanks for the help! Im trying to add margins via css but having a hard time making anything happen.

    here is the html code for what I’m trying to add some spacing to.

    <h3 style=”text-align:center;”>ESPN Fantasy Football App</h3>
    <p style=”text-align:center;”>UI/UX case study of the popular app</p>

    <h3 style=”text-align:center;”>H.A.N.A. Website</h3>
    <p style=”text-align:center;”>Complete makeover for the Haitian American Nurses Association of New York website</p>

    The blog I need help with is: (visible only to logged in users)

  • hacchism · Staff ·

    Hi there,

    Do you mean that you want to add margins between headings and paragraphs(<h3> and <p>)?

    If so, you can use the following CSS code.

    .wf-active h3 {
    margin-bottom: 20px;
}

    I set 20px as the value of margin. You can change freely.

    If you have any questions, please let me know.
    Thanks :)

  • Unknown's avatar
    johntaber23 · Member ·

    thank you for the reply, i’m try to get some spacing between each paragraph

  • hacchism · Staff ·

    In that case, you had better add “margin-bottom” into HTML code like below.

    <h3 style="text-align:center;">ESPN Fantasy Football App</h3>
<p style="text-align:center; <strong>margin-bottom: 30px;</strong>">UI/UX case study of the popular app</p>

    I hope this works well for you.

  • hacchism · Staff ·

    Oops! I’m sorry.

    CORRECT:
    <h3 style=”text-align:center;”>ESPN Fantasy Football App</h3>
    <p style=”text-align:center; margin-bottom: 30px;“>UI/UX case study of the popular app</p>

  • The topic ‘Adding Margins with CSS help’ is closed to new replies.