How to centrate an element within

Question

So, I have this code

<div id="timer"> </div>

How can I centrate this in HTML5? I tried but as far I as know, it's obsolete for HTML5 and I must use CSS Any help?

please provide some code – Jatin Parmar Apr 02 '19 at 12:30 — Jatin Parmar, Apr 02 '19 at 12:30
@Error70 Yeah, sorry. Now it should appear in the question – Anderson Apr 02 '19 at 12:34 — Anderson, Apr 02 '19 at 12:34

score 1 · Answer 1 · answered Apr 02 '19 at 12:35

1

You can't (or, more specifically, shouldn't) do any kind of styling in HTML, that's what the CSS exists for.

The text-align property could be a beginning.

Here is a great source of information : https://www.w3schools.com/css/

answered Apr 02 '19 at 12:35

Oh Matte', io ti ho solo chiesto come faccio a centrare quel porc'iddio di codice, non lezioni sul css :-) – Anderson Apr 02 '19 at 12:38

score 1 · Answer 2 · answered Apr 02 '19 at 12:38

1

You can achieve this by using Flexbox. Try below code snippet it'll help you out. Thanks

#parent {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

<div id="parent">
  <div id="timer">Timer</div> 
</div>

answered Apr 02 '19 at 12:38

Hassan Siddiqui

Do I must insert the #parent code into – Anderson Apr 02 '19 at 13:02
Yes, you have to add #parent CSS, because flexbox CSS apply on the parent container. Thanks – Hassan Siddiqui Apr 02 '19 at 13:08
Still not working... A thing I didn't said, its that the text (timer) i want to align to the center, it's a countdown from 60 to 0 Maybe that's the problem – Anderson Apr 02 '19 at 13:14
can you share the link? Thanks – Hassan Siddiqui Apr 02 '19 at 13:15

2 Answers2