freeCodeCamp/curriculum/challenges/spanish/01-responsive-web-design/applied-visual-design/set-the-line-height-of-para...

58 lines
1.5 KiB
Markdown

---
id: 587d781d367417b2b2512ac5
title: Set the line-height of Paragraphs
challengeType: 0
videoUrl: ''
localeTitle: Establecer la línea de altura de los párrafos
---
## Description
<section id="description"> CSS ofrece la <code>line-height</code> propiedad para cambiar la altura de cada línea en un bloque de texto. Como sugiere su nombre, cambia la cantidad de espacio vertical que obtiene cada línea de texto. </section>
## Instructions
<section id="instructions"> Agregue una propiedad de <code>line-height</code> a la etiqueta <code>p</code> y establézcala en 25px. </section>
## Tests
<section id='tests'>
```yml
tests:
- text: Su código debe establecer la <code>line-height</code> de <code>line-height</code> de la etiqueta <code>p</code> en 25 píxeles.
testString: 'assert($("p").css("line-height") == "25px", "Your code should set the <code>line-height</code> of the <code>p</code> tag to 25 pixels.");'
```
</section>
## Challenge Seed
<section id='challengeSeed'>
<div id='html-seed'>
```html
<style>
p {
font-size: 16px;
}
</style>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
```
</div>
</section>
## Solution
<section id='solution'>
```js
// solution required
```
</section>