Grow your CSS skills. Land your dream job.

I have a very stupid, easy question.

  • # December 22, 2012 at 6:02 pm

    How do I insert automatic break lines for paragraphs without having to do `

    ` every time?

    For exmaple..

    Let’s say have this:

    Paragraph #1

    #2

    #3

    #4

    #5

    #6

    Is there a way to make it break a line each line without using `

    ` for each one?

    # December 22, 2012 at 6:07 pm

    # December 22, 2012 at 6:13 pm

    Are you wanting text to be double spaced or are you just looking to add extra space between paragraphs?

    # December 22, 2012 at 6:22 pm

    I think he wants a space between each paragraph. Otherwise you’d just put the closing tag at the end of wherever.

    # December 22, 2012 at 6:23 pm

    I recommend setting a margin-bottom on paragraph tags.

    Edit: I think @FragaGeddon has the correct answer. I couldn’t understand with the code above.

    # December 22, 2012 at 7:07 pm

    [Lowongan Kerja](http://www.benefitatwork.com “Lowongan Kerja”) : I use

    # December 22, 2012 at 8:11 pm

    I also couldn’t understand the question properly, but as Chrisburton mentioned margin-bottom was the first thing that came to mind.

    Basically if you just want space under every paragraph use margin-bottom on all your P tags. If you are formatting something inside a single P tag and you want line-breaks use BR tags.

    # January 6, 2013 at 4:32 pm

    I am not sure if anyone really understood what I am trying to do.

    I have a design doc for something and it was made in Word Pad, but I don’t want to go around and do

    everywhere, can I just do auto break lines with JS or CSS? That’s what I want.

    # January 6, 2013 at 4:33 pm

    The easy answer to your easy question is no. You will have to do it manually.

    # January 6, 2013 at 5:15 pm

    @Paulie_D You actually can with jQuery by appending a br tag after every p tag but I think a margin-bottom is the right way to go.

    # January 6, 2013 at 5:22 pm

    Copy and paste the <p> tag at the beginning and end of every paragraph except add a “/” to the closing <p> tag? Coding comes with a price of your time :P Dreamweaver can do what you’re looking for. Just highlight text and press Ctrl+Shift+P. Though it’s only a 30-day trial software, unless you fork a good lump on it. There could be an online tool somewhere too.

    PS, if it’s a “design” doc, you’re gonna have to loose the “easy” method attitude if you are transferring the design, as design will require more than a <p>tag haha! :D

    JMD

    # January 6, 2013 at 6:00 pm

    Maybe this tool can help ya out

    http://www.textfixer.com/html/convert-text-html.php

    # January 7, 2013 at 2:48 am

    you can place your copied text on a markdown software like iA Write and export the HTML, each breakline on iA Writer makes a paragraph (hint: you can use the markdown on github if you wanna do for free).

    # January 12, 2013 at 9:54 pm

    thanks guys!

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".