Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

increase spacing vertically between two lines

Tags:

html

css

I have plain html file as below

<div>
    THis is a looooooooong text. and it goes on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on and on 
    <br/><br/>
    2nd line
    <br/><br/>
    3rd line 3rd line 3rd line 3rd line 3rd line 3rd line 3rd line 
    <br/><br/>
    last line
</div>

What I want is increase the spacing between two lines

Right now I see text as below.

enter image description here

But what I want is increase the spacing between two lines by lets say 10px.

jsfiddle

Any idea how to do that?


Space need to be brought as shown in below image. (for example i have considered only first line)

enter image description here

like image 358
Fahim Parkar Avatar asked Aug 27 '13 08:08

Fahim Parkar


People also ask

How do I insert a vertical line spacing in Word?

To add a vertical line using the shape tool, go to Insert | Shapes and select the Line tool. Place the cursor where you want the line to start, and drag to where you want the other end of the line to be. Holding the Shift key while you drag will ensure that the line is straight.

What will change the vertical spacing between lines of text?

Use the line-height property in CSS to do so. Browsers by default will create a certain amount of space between lines to ensure that the text is easily readable. For example, for 12-point type, a browser will place about 1 point of vertical space between lines.

How do I increase line spacing in Excel?

Select all of the text in the text box, right-click it, and click Paragraph. Select the line spacing you want.

How do I increase the space between two lines in HTML?

To create extra spaces before, after, or in-between your text, use the &nbsp; (non-breaking space) extended HTML character. For example, with the phrasing "extra space" using a double space, we have the following code in our HTML.


1 Answers

Use line height to add space between to line :

For example :

div {line-height:25px;} 
like image 148
Divya Bhaloidiya Avatar answered Oct 03 '22 02:10

Divya Bhaloidiya