add line-break to div

  • Resolved virg

    (@virg)


    16 years, 4 months ago

    I made a div named buttons like so..

    .buttons {
    float:right;
    margin-bottom:50px;
    }

    the problem is that any text below it will go to its left. I want text to stay below it. I tried adding display:box but nothing changes. Adding width brings the buttons to the left and the only thing that works is a margin-left but that messes up the buttons if too much text is in them.

    Please tell me what am I doing wrong 🙁

Viewing 8 replies - 1 through 8 (of 8 total)
  • Michael

    (@alchymyth)

    16 years, 4 months ago

    did you mean: display:block ?

    Thread Starter virg

    (@virg)

    16 years, 4 months ago

    yes block. sorry

    Mark / t31os

    (@t31os_)

    16 years, 4 months ago

    I made a div named buttons like so..

    .buttons {
    float:right;
    margin-bottom:50px;
    }

    .. correction, you made a CSS style for any DIV with the class of buttons.

    What exactly are you attempting to do, and what is the problem, text align? … positioning of the element?

    Thread Starter virg

    (@virg)

    16 years, 4 months ago

    hi t31os!

    Yes a CSS style. I’ll try to remember that.

    Here’s the test page http://www.graphictask.com/?page_id=2

    I have 2 buttons there aligned right and I’m trying to give the button class a line break so text wont align to its left. I’m trying to keep the paragraph below the buttons

    Mark / t31os

    (@t31os_)

    16 years, 4 months ago

    .col1 p { clear:right; }

    Is that what you’re after?

    Alternatively place a clear element after the buttons..

    </div><!-- end of buttons div .. example -->
<div class="clear"></div>

    Thread Starter virg

    (@virg)

    16 years, 4 months ago

    ooh! I didn’t know I can use paragraphs for div classes

    The clear worked! thanks so much!

    Mark / t31os

    (@t31os_)

    16 years, 4 months ago

    No problem, feel free to mark the topic resolved.. (to the right –>) .. 🙂

    Thread Starter virg

    (@virg)

    16 years, 4 months ago

    ok! I didn’t know I could that thanks!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘add line-break to div’ is closed to new replies.