How to have the same margin for all lines of text:

Question

How to have the same margin for all lines of text:

Navigation

#1 by (2 votes)

2

I want to leave my text with the same margin that is being used in the  tag

<head>
	<meta charset="UTF-8"/>
	<title>Harley Davidson</title>
	<style>
	div#interface {
	width: 1200px;
	margin: auto;
	}
	b {
	margin-left: 30px;
	}
	</style>
</head>

<body>
<div id="interface">

<p><b>História:</b> <i>Com efeito, um dia, um rapaz inteligente, farto de ter de pedalar, teve a ideia genial de acrescentar um motor à sua bicicleta. Foi exatamente isso que aconteceu a dois americanos, colegas de universidade, Arthur Davidson e William S. Harley, respetivamente escultor e desenhista, que se lançaram nessa arriscada união. Se bem que tenham tido o cuidado de associar aos seus trabalhos Ole Evinrude, um motorista, a primeira máquina assim criada, entre outros detalhes, a lenda diz que o carburador era feito de uma lata em conservas - foi uma falha completa: o engenho recusou-se terminantemente a andar. O motor, demasiado fraco, não conseguiu proporcionar o conjunto.</i></p>

</div>

If you still can not understand, what I want to do is to align the text in this way (being the black line where I want to align):

html css

asked by anonymous 18.12.2015 / 07:03

1 answer

User and password validation in Pop Up Modal using MVC 5 Memory problems loading many images into listView

score 2 · Accepted Answer

Instead of assigning margin-left: 30px; to tag  , assign to  which is the tag that contains all text.

p { margin-left: 30px;}

When you set b { margin-left: 30px;} in CSS, you're saying that you want the element with the  tag to have a margin of 30px of the left margin, so if you instead assign this CSS style to  you are assigning this style to the entire block of text because it is the  tag that is 'holding' the entire text block.

Example below:

div#interface {
  width: 1200px;
  margin: auto;
}
p {
  margin-left: 30px;
}

<p>
  <b>História:</b>
  <i>Com efeito, um dia, um rapaz inteligente, farto de ter de pedalar, teve a ideia genial de acrescentar um motor à sua bicicleta. Foi exatamente isso que aconteceu a dois americanos, colegas de universidade, Arthur Davidson e William S. Harley, respetivamente escultor e desenhista, que se lançaram nessa arriscada união. Se bem que tenham tido o cuidado de associar aos seus trabalhos Ole Evinrude, um motorista, a primeira máquina assim criada, entre outros detalhes, a lenda diz que o carburador era feito de uma lata em conservas - foi uma falha completa: o engenho recusou-se terminantemente a andar. O motor, demasiado fraco, não conseguiu proporcionar o conjunto.</i>
</p>