treehouse : what would you like to learn today?
Web Design Web Development iOS Development

I have a very stupid, easy question.

  • How do I insert automatic break lines for paragraphs without having to do <p> 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 <p> for each one?

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

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

  • 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.

  • 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.

  • 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

    <

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

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

  • @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.

  • 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

  • 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).

  • thanks guys!