Conjunto margen izquierdo de un párrafo en html

StackOverflow https://stackoverflow.com/questions/4507030

  •  12-10-2019
  •  | 
  •  

Pregunta

Quiero empezar un párrafo después de poner 5 espacios y todas las líneas debajo de la primera línea debería ir en línea recta, Imean todas las líneas del párrafo 5 debe tener espacios antes de que comience.

Estoy consiguiendo este párrafo de DATABSE.

Quiero una etiqueta HTML que definirá margen izquierdo de un párrafo completo.

¿Fue útil?

Solución 

<p style="margin-left:5em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet. Phasellus tempor nisi eget tellus venenatis tempus. Aliquam dapibus porttitor convallis. Praesent pretium luctus orci, quis ullamcorper lacus lacinia a. Integer eget molestie purus. Vestibulum porta mollis tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>

Eso haré, hay algunas mejoras, obviamente, pero eso es lo básico. Y uso 'em' como la medición, es posible que desee utilizar otras unidades, como 'px'.

EDIT: Lo que están describiendo anterior es una forma de asociar grupos de estilos, o clases, con elementos de una página web. Se puede implementar de que en algunas de las formas, aquí está uno que puede satisfacer:

En su página HTML, que contiene el <p> etiquetada contenido de su complemento DB en un nuevo nodo de 'estilo' y envolver los estilos que desea declarar en una clase de esta manera: 

<head>
  <style type="text/css">
    p { margin-left:5em; /* Or another measurement unit, like px */ }
  </style>
</head>
<body>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet.</p>
</body>

Así que antes, todos los elementos <p> en su documento tendrá que aplicar regla de estilo. Tal vez usted está bombeando el contenido de los párrafos en un recipiente de algún tipo? Prueba esto: 

<head>
  <style type="text/css">
    .container p { margin-left:5em; /* Or another measurement unit, like px */ }
  </style>
</head>
<body>
  <div class="container">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet.</p>
  </div>
  <p>Vestibulum porta mollis tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
</body>

En el ejemplo anterior, sólo el elemento <p> dentro del div, cuya clase nombre es 'contenedor', tendrá los estilos aplicados -. Y no el elemento <p> fuera del contenedor

Además de lo anterior, se puede recoger sus estilos juntos y quitar el elemento de estilo de la etiqueta <head>, reemplazándolo con una etiqueta <link>, lo que apunta a un archivo CSS externo. Este archivo externo es donde ahora se había puesto sus estilos de etiquetas <p>. Este concepto se conoce como 'que separa el contenido del estilo' y se considera una buena práctica, y es también una forma extensible para crear estilos, y puede ayudar con un bajo mantenimiento.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top