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

Asked

Viewed 227 times

2

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

<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>

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

inserir a descrição da imagem aqui

html css

1 answer

2


Instead of attributing the margin-left: 30px; for the tag <b>, assigns to the <p> which is the tag that contains all the text.

p { margin-left: 30px;}

When defining b { margin-left: 30px;} in CSS, you’re saying you want the element with the tag <b> has a margin of 30px from the left margin, so if you instead assign this CSS style to the <p>, you are assigning this style to the whole text block as it is the tag <p> 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>

  • But I want my text in bold, there is another way to make my text bold other than with the tag <b>?

  • The text is bold in the same, this is not why it will no longer be bold as you can see in the example I posted by clicking the button ► Executar trecho de código, because what was changed was just the style margin-left: 30px; which will now be implemented in <p>, instead of the <b>.

  • You can and should use <b> to make text bold, but Yes, you could bold the text in another way, for example by creating a specific class for it as follows: CSS - .negrito{font-weight:bold;} and in HTML - <span class="negrito">texto a negrito</span>

  • 1

    Thank you very much, you helped me a lot!

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.