How do I make blank lines with HTML?

25 replies
  • WEB DESIGN
  • |
I am needing to push a single line of text down about 6 spaces and I am not sure how to accomplish this with HTML.
#blank #html #lines #make
  • Profile picture of the author ronc0011
    You can try applying a style to a <br > tag something like..

    Code:
    <br style="margin-bottom:240px;"/>
    
    {{ DiscussionBoard.errors[6677530].message }}
    • Profile picture of the author crazyJon
      Originally Posted by ronc0011 View Post

      You can try applying a style to a <br > tag something like..

      Code:
      <br style="margin-bottom:240px;"/>
      
      The best option! You can edit is as you need anytime!
      {{ DiscussionBoard.errors[6678059].message }}
    • Profile picture of the author mmrumii
      Originally Posted by ronc0011 View Post

      You can try applying a style to a <br > tag something like..

      Code:
      <br style="margin-bottom:240px;"/>
      

      This one is the best answer.
      this code is the combination of html and css.
      {{ DiscussionBoard.errors[6680513].message }}
      • Profile picture of the author juliarose
        Originally Posted by mmrumii View Post

        This one is the best answer.
        this code is the combination of html and css.
        Yes , i agree
        {{ DiscussionBoard.errors[6681440].message }}
    • Profile picture of the author juliarose
      Originally Posted by ronc0011 View Post

      You can try applying a style to a <br > tag something like..

      Code:
      <br style="margin-bottom:240px;"/>
      
      Yes , i agree
      {{ DiscussionBoard.errors[6681447].message }}
  • Profile picture of the author vonniecash
    Try using the following HTML tags:

    <p>&nbsp;
    <p>&nbsp;
    <p>&nbsp;
    {{ DiscussionBoard.errors[6677582].message }}
  • Profile picture of the author xxmm94
    use &nbsp; or <br> Tag
    {{ DiscussionBoard.errors[6678233].message }}
  • Profile picture of the author MattSabia
    Just stack up those "<br>" tags and you should be good.
    Signature
    How I Built My First $3000/Month Cashflow Business With A Facebook Group - Watch My Webinar
    {{ DiscussionBoard.errors[6678406].message }}
  • Profile picture of the author dmg68
    You can use tag <br/> to do that
    {{ DiscussionBoard.errors[6680434].message }}
  • Profile picture of the author copilu0
    like others said you can use:
    Code:
    <br style="margin-bottom:240px;"/>
    but if you are having troubles in using that (depending on your existing css properties) you can also use this with the same result:
    Code:
    <p style="margin-bottom:240px;"></p>
    {{ DiscussionBoard.errors[6681634].message }}
  • Profile picture of the author rajeevrla
    put 6 <br/> tags to push it below 6 line spaces.
    Signature

    Have a great day!

    {{ DiscussionBoard.errors[6683789].message }}
  • Profile picture of the author TimeTravelAgent
    I just use several <br /> tags even if they're not the best option for all browsers/monitors. Styling it with a bottom margin is the best option!
    {{ DiscussionBoard.errors[6688985].message }}
  • Profile picture of the author jaasmit
    You can create some paragraphs that is empty. And add them after your text. I think this will do the trick.
    {{ DiscussionBoard.errors[6689169].message }}
  • Profile picture of the author introspective1234
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[6690466].message }}
    • Profile picture of the author asadiqbal
      Originally Posted by introspective1234 View Post

      I wan to insert a blank line in between a para.
      i need a command or tag which can resolve this query.
      <BR> is not working in my code so please suggest me a command.
      Use <p>&nbsp;</p>
      Start and and paragraph tag, you'll get a blank line between para.

      Example:
      -------------
      <p>First para of the paragraph</p>
      <p>&nbsp;</p> <!-- Blank line between para -->
      <p>Second para of the paragraph</p>
      {{ DiscussionBoard.errors[6700861].message }}
  • Profile picture of the author gabem
    Using CSS is going to be your best bet. It's the option that's going to give you the finest grain control over the spacing. I can see that you're trying to get a space of about 6 lines of text, but is there something more complicated you're trying to do that I'm not picking up from your first post?
    {{ DiscussionBoard.errors[6691536].message }}
  • Profile picture of the author adsassist
    "<br />" Is what I use for that.

    Make sure you put it in exactly the way it is shown.
    Signature
    Save Energy With Alternative Energy Today
    Alternative Energy Products At The Lowest Price
    Alternative Energy Today
    {{ DiscussionBoard.errors[6691619].message }}
  • Profile picture of the author Mkj
    The br styling should work fine in most cases. I quite often use divs to control spacing. Similar to the br styling as mentioned. Something like this:

    <div style="height: 100px;"></div>

    If I am working with lots of divs then I make sure to stop any floating divs from causing problems by using this first:

    <div style="clear: both;"></div>

    So the eventual code looks like this:

    <div style="clear: both;"></div>
    <div style="height: 100px;"></div>

    You can adjust the space anyways you want by altering the 100px part - obviously.
    {{ DiscussionBoard.errors[6691934].message }}
  • Profile picture of the author James Cordara
    For WordPress, this seems to be the only line of code that works for a single spacing and that doesn't automatically get deleted whenever saved.

    <b>&nbsp;<b>
    {{ DiscussionBoard.errors[10059436].message }}
  • Profile picture of the author Techalo
    Originally Posted by Breakinglink View Post

    I am needing to push a single line of text down about 6 spaces and I am not sure how to accomplish this with HTML.
    There are a few ways to achieve this, as you can see from the replies to this thread.

    1.) adding css style to element before the line you want to push down (achieved with 'margin-bottom' or 'padding-bottom' depending on how you want the elements)
    <br style="margin-bottom:240px;"/>
    <div style="margin-bottom:240px;"/></div>
    <p style="margin-bottom:240px;"/></div>
    2.) adding style to the element that contains the line you want to push down
    <div style="margin-top:240px">This is your line to push down</div>
    <p style="margin-top:240px">This is your line to push down</div>
    3.) adding html break like what was stated prior in this thread
    <p>&nbsp; &nbsp; &nbsp;</p>

    The best practice, would be to add CSS styling before the element you want to push down. I would recommend using <br style="margin-bottom:240px;"/> In some cases, your changes may not be reflected because the br style may have already been defined in your style sheet, and if that happens just add !important on it and it will force the style (Example: <br style="margin-bottom:240px !important;"/>)

    Best,
    Will
    {{ DiscussionBoard.errors[10060588].message }}
  • Profile picture of the author TanjaEbner
    HTML is a hypertext markup language. If you want to make a blank line then add following tag in your code.
    <p style="margin-bottom:24px;">TEXT HERE</p>. This code will help you to make blank line.
    {{ DiscussionBoard.errors[10092576].message }}
  • Profile picture of the author SureshHiten
    Use this code to get the blank lines
    <br style="margin-bottom:240px;"/>
    {{ DiscussionBoard.errors[10094871].message }}
  • Profile picture of the author tanimrayhan
    you can try </br> attribute in your html tags,,,thankyou
    {{ DiscussionBoard.errors[10098893].message }}

Trending Topics