CODEWITHSUNDEEP
htmlcss
emeraldhieu
emeraldhieu

Reputation: 9439

Margin from the second line

I'm trying to margin a text from the second line. I just know text spacing & margin but it doesn't help in thie case. How to do like the picture below.

enter image description here

Upvotes: 0

Views: 423

Answers (3)

Selvamani
Selvamani

Reputation: 7684

I hope this may helpful to you..

 <dl>
 <dt>1. Coffee</dt>
 <dd>black hot drink</dd>
 <dt>2.Milk</dt>
 <dd>white cold drink</dd>
 </dl>

Demo: fiddle

otherwise use this

<ol>
<li></p>Something here...</p></p>Something more here...</p></p>Something something something</p> </li>
<li></p>Something else...</p></p>Something else here...</p></p>Something something something</p> </li>
</ol>

  1. Something here...

    Something more here...

    Something something something

  2. Something else...

    Something else here...

    Something something something

Upvotes: 1

techfoobar
techfoobar

Reputation: 66693

You can use the built-in numbered list in HTML. i.e. the <ol> tag:

Demo: http://jsfiddle.net/x9v2t/

Code:

<ol>
    <li>Hello World. This is a line in this paragraph that can span mulitple lines. Hello World. This is a line in this paragraph that can span mulitple lines.</li>
    <li>Hello World. This is a line in this paragraph that can span mulitple lines. Hello World. This is a line in this paragraph that can span mulitple lines.</li>
    <li>Hello World. This is a line in this paragraph that can span mulitple lines. Hello World. This is a line in this paragraph that can span mulitple lines.</li>
</ol>

Upvotes: 2

Rohit Azad Malik
Rohit Azad Malik

Reputation: 32192

Hi now used to this

 p+p{
  margin-top:10px;}

Live demo

Upvotes: 1

Related Questions