Website Development Prices

Website Development Prices

Wednesday, March 9, 2016

Kako da promenite visinu teksta izmedju redova (How to change the height of the text between the lines)

Pitanje: kako da promenite visinu teksta izmedju redova?

Resenje: svojstvo line-height.

Primer:

HTML kod

<!DOCTYPE html>
<html>
<head>
<title>Kako da promenite visinu teksta izmedju redova</title>

<meta charset="UTF-8"/>
<meta name="description" content="Description that search reads" />
<meta name="keywords" content="page keywords, keywords" />
<meta name="author" content="Marija Rikic">
<link rel="icon" type="image/png" href="images/favicon.jpg">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>


<body>
<h1>Sta je SEO?</h1>
<p>SEO je metodologija strategija, tehnika i taktika za<br /> povećanje količine posetilaca ka websajtu pribavljanjem <br />visokog plasmana na stranici s rezultatima pretraživanja za <br />pretrazivače (SERP) - uključujući Google, Bing, Yahoo i <br />druge pretrazivače.</p>

</body>


</html>

CSS kod

body {
background-color: #A1D490;
}

p {
line-height: 2;

}

Rezultat:



Question: how to change the height of the text between the lines?

Solution: property line-height.

Example:

HTML code

<!DOCTYPE html>
<html>
<head>
<title>How to change the height of the text between the lines</title>

<meta charset="UTF-8"/>
<meta name="description" content="Description that search reads" />
<meta name="keywords" content="page keywords, keywords" />
<meta name="author" content="Marija Rikic">
<link rel="icon" type="image/png" href="images/favicon.jpg">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
<h1>What is SEO?</h1>
<p>SEO is methodology strategies, techniques and tactics for <br /> increasing the amount of visitors to a website by obtaining <br /> high placement on the search results page for the search engines <br /> (SERP) - including Google, Bing, Yahoo and <br / > other browsers.</p>

</body>


</html>

CSS code

body {
background-color: #A1D490;
}

p {
line-height: 2;

}

Result:




No comments:

Post a Comment

Note: Only a member of this blog may post a comment.