So I have an HTML file with a paragraph and I need to break into three lines BUT i can only modify the CSS. How do I pull this off? (code below)

Question

<form method="post" id="contactForm" action="#">
        <fieldset>
            <legend>Newsletter Signup</legend>
            <p>To sign up for our fabulous campaign of useless information that you will never, ever read, please submit your email address here.</p>
            <label for="email" id="emailLabel">Email</label>
            <input type="text" id="email" />
            <input type="button" name="submit" value="Submit" id="submitButton"/>
        </fieldset>
    </form>

So i need the paragraph to be on three separate lines but it has to be done with CSS.

duplicate?: http://stackoverflow.com/questions/2757483/limiting-the-number-of-characters-per-line-with-css — Dave, Feb 05 '16 at 20:32
@towerofnix probably other people already provided CSS solution using `width`, I just thought why CSS when something can be done in html itself — Sumit Sahay, Feb 05 '16 at 21:07

score 1 · Accepted Answer · answered Feb 05 '16 at 20:31

1

If you only need it to be in 3 line but don't care where the lines break:

p{
  width: 300px;
}

But this won't allow you to specify exactly where in the sentence the line breaks.

answered Feb 05 '16 at 20:31

Patrick Schaefer

821
10
20

What if the font size is 60px? – Sverri M. Olsen Feb 05 '16 at 20:33
then you would have to play with the width until it worked. – Patrick Schaefer Feb 05 '16 at 20:34
Thanks. :) This was actually what I needed. Sorry I am pretty new to CSS. I will accept your answer once it lets me. – Remirlis Feb 05 '16 at 20:36

So I have an HTML file with a paragraph and I need to break into three lines BUT i can only modify the CSS. How do I pull this off? (code below)

1 Answers1