Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

How Do I Set The Space At The Beginning Of Paragraph?

Featured Replies

When I paste the HTML code in eBay, every time that there is shift+enter, they add a lot of space at the next sentence. How do I set paragraph settings to change it with no space?

 

I attached a picture as an example.

 

And here is the code:

 

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>


<style type="text/css">
@charset "utf-8";
.main1 {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 14px;
    font-style: normal;
    height: 2500px;
    width: 1170px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.mainheader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    height: 400px;
    width: 1170px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.menu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    text-align: left;
    height: 55px;
    width: 1170px;
    position: absolute;
}
.menu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    text-align: left;
    height: 35px;
    width: 1170px;
    position: absolute;
    left: 0px;
    top: 420px;
}
/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#nav {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    position: absolute;
    left: 479px;
    top: -16px;
    width: 210px;
}
ul.drop a {
    display: block;
    color: #2d2d2d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-decoration: none;
}
ul.drop, ul.drop li, ul.drop ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
    color: #2d2d2d;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFF;
}
ul.drop {
    position: relative;
    z-index: 597;
    float: left;
}
ul.drop li {
    float: left;
    vertical-align: middle;
    zoom: 1;
    padding: 5px 8px;
    font-size: 18px;
    color: #2d2d2d;
}
ul.drop li.hover, ul.drop li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}
ul.drop ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 170px;
    border: 1px solid #fff;
}
ul.drop ul li { float: none; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible }
- See more at: http://www.handy-html.com/simple-css-dropdown-menu-updated/#sthash.y6gkXqXf.dpuf
.stripe {
    height: 4px;
    width: 1170px;
    position: absolute;
}
.stripe {
    height: 12px;
    width: 1170px;
    position: absolute;
    left: 0px;
    top: 432px;
}
.picture {
    height: 500px;
    width: 500px;
    position: absolute;
    left: 82px;
    top: 488px;
}
.description {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #2d2d2d;
    height: 500px;
    width: 453px;
    position: absolute;
    left: 593px;
    top: 488px;
}
.clickpic {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 15px;
    width: 150px;
    position: absolute;
    left: 82px;
    top: 992px;
}
.information {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    height: 378px;
    width: 787px;
    position: absolute;
    left: 82px;
    top: 1133px;
    line-height: normal;
    color: #2e2e2e;
}


.titlebuyitem {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #2e2e2e;
    text-decoration: underline;
    height: 25px;
    width: 1170px;
    position: absolute;
    text-align: center;
    top: 1077px;
    left: 1px;
}
.watchad {
    height: 100px;
    width: 1170px;
    position: absolute;
    left: 1px;
    top: 1516px;
}




.title1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #1e1e1e;
}
.shippingww {
    height: 42px;
    width: 455px;
    position: absolute;
    top: 272px;
    left: 1px;
}
.titlestripe {
    height: 10px;
    width: 455px;
    position: absolute;
    left: 1px;
    top: 15px;
}
.description2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    height: 200px;
    width: 455px;
    position: absolute;
    left: 1px;
    top: 55px;
}
.main1 .clickpic a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #2d2d2d;
    text-decoration: none;
}
.video {
    height: 520px;
    width: 853px;
    position: absolute;
    left: 158px;
    top: 1631px;
}
.brandslist {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
    background-color: #000;
    height: 200px;
    width: 1170px;
    position: absolute;
    left: 1px;
    top: 2166px;
}
.brandslist2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #7c7b7b;
    height: 65px;
    width: 660px;
    position: absolute;
    left: 255px;
    top: 68px;
    text-align: center;
}
.main1 .brandslist .brandslist2 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #7c7b7b;
    text-decoration: none;
}
</style>




<body>
<div class="main1">
  <div class="mainheader"><img src="http://imageshack.us/a/img199/2909/k8r8.jpg" width="1170" height="400"></div>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <div class="menu"><ul class="drop" id="nav" name="nav">
    <li> #LivingLifeToTheFullest</li>
</ul></div>
  <br>
  <br>
  <br>
  <div class="stripe"><img src="http://img833.imageshack.us/img833/7758/94k1.jpg" width="1170" height="4"></div>
  <div class="picture"><a href="http://imageshack.us/a/img819/3070/hg13.jpg" target="new"><img src="http://imageshack.us/a/img23/1417/kkuo.jpg"></a></div>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <div class="description"> <strong class="title1">1 Million 100ml/3.4oz</strong>  By Paco Rabanne(EDT)              <strong class="title1">$69.00 </strong>
    <div class="titlestripe"><img src="http://imageshack.us/a/img843/4114/3zpg.jpg" width="455" height="2"></div>
    <div class="description2">1 Million is the expression of every man's fantasies. A taste for money, sparkling cars, games and pretty girls. An addictive fresh spicy leather fragrance, it embodies the return of flamboyant masculinity. <br>
      The 1 Million man is a seducer. He is  self-confident, daring and irresistable<br>
      
      <p><strong>Top Notes:</strong> Peppermint and blood mandarin.<br>
        <strong>Heart Notes:</strong> Cinnamon and rose absolute.<br>
      <strong>Base Notes:</strong> Amberketal and leather accord.</p>
    </div>
    <p><br>
      <br>
      <br>
    <br>
</p>
    <div class="shippingww"><img src="http://imageshack.us/a/img829/7654/rm5e.jpg" width="455" height="42"></div>
    <p><br>
    </p>
  </div>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <div class="clickpic"><a href="http://imageshack.us/a/img819/3070/hg13.jpg" target="new">Click To View Larger</a></div>
  <br>
  <div class="titlebuyitem">Buy This Fragrance With Confidence</div>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <div class="information"> <strong><u>Payment:</u></strong> All forms of PayPal are accepted: Visa, American Express, PayPal transfers, Discover, MasterCard, Bank transfer <br>
    and echeck.
    <p><br>
      <strong><u>Shipping:</u></strong> We ship worldwide. The shipping prices and times to any country are: <br>
      <br>
      Standard - Only $12: Time is 7-18 business days.<br>
      <br>
      International buyers: Import duties, taxes and charges are not included in the item. These charges are the buyer's responsibility. It is recommended to check with your country's customs office to determine what these additional costs <br>
    will be prior to buying.</p>
    <p><br>
      <strong><u>Returns Policy:</u></strong> We will accept the return of new, unused and undamaged merchandise within 14 days from delivery date.<br>
      There are no restocking fees. You will receive full refund. </p>
    <p><br>
      <strong><u>Contact Us:</u></strong><strong> </strong>We respond in less than 24 hours, each day of the week. You are our number one priority.<br>
Please use the contact form below this page.</p>
  </div>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
<br>
  <br>
  <br>
  <br>
  <div class="watchad"><img src="http://imageshack.us/a/img856/606/lj1q.jpg" width="1170" height="100"></div>
<br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <div class="video">
  <p align="center">
<object height="480" width="853"><param
 name="1 MILLION & Lady MILLION - Fragrances by Paco Rabanne"
 value="http://www.youtube.com/v/xMPFjO1o-d4?fs=1&hl=en_US&version=3&rel=0"><param
 name="allowFullScreen" value="true"><param
 name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/xMPFjO1o-d4?fs=1&hl=en_US&version=3&rel=0"
 type="application/x-shockwave-flash" allowscriptaccess="always"
 allowfullscreen="true" height="480" width="853"></object></span></strong></p>
  </div>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
<br>
  <br>
  <br>
  <br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>


  <br>
  <br>
  <div class="brandslist"></div>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  L.A. Couture. All rights reserved.<br>
<br>
</div>

</body>
</html>
 

post-56172-0-18183100-1377065911_thumb.jpg

Edited by 4li4s
<code> amendment

When pasting in large amount of code, please use the code tool. More details as per the forum rules and this post by Rallport http://wdf.co/j2

 

sorry. do u know how to prevent the problem I mentioned from happening on eBay?


 

No worries :)

Edited by 4li4s
Twice in one day, I didn't read the question. Duh.. (thought it was a <br> issue)

<p>misread question please ignore altho you are using alot of <br>'s<span style="font-size: 14px;"> probaly better to replace them with margin-top or a spacer div</span></p>

<p> </p>

Edited by D4Y0

Instead of using <br> it'd be better to use CSS to add the space.

 

For example, instead of using a load of <br>s under the <div class="information">, you could give .information a margin-bottom.

.information {
  margin-bottom: 100px;
}

(but add it to your existing .information CSS section)

 

To stop the space at the start of a paragraph, you need to use the text-indent property that I mentioned earlier:

 

p {
   text-indent: 0;
}

to remove the indent.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.