1.2 KiB

Raw Blame History

id	title	challengeType	videoUrl	forumTopicId	dashedName
587d78a3367417b2b2512ad0	Centrare un elemento orizzontalmente usando la proprietà margin	0	https://scrimba.com/c/cyLJqU4	301043	center-an-element-horizontally-using-the-margin-property

--description--

Un'altra tecnica di posizionamento è quella di centrare un blocco orizzontalmente. Un modo per farlo è quello di impostare il suo margin ad un valore auto.

Questo metodo funziona anche per le immagini. Per impostazione predefinita, le immagini sono elementi in linea, ma possono essere cambiate in elementi di tipo blocco impostando la proprietà display su block.

--instructions--

Centra il div sulla pagina aggiungendo una proprietà margin con un valore auto.

--hints--

Il div dovrebbe avere un margin impostato su auto.

assert(new __helpers.CSSHelp(document).getStyle('div')?.margin === 'auto');

--seed--

--seed-contents--

<style>
  div {
    background-color: blue;
    height: 100px;
    width: 100px;

  }
</style>
<div></div>

--solutions--

<style>
  div {
    background-color: blue;
    height: 100px;
    width: 100px;
    margin: auto;
  }
</style>
<div></div>

1.2 KiB Raw Blame History