How do I make a text that I add recently in the code to be at the top of the page?

The correct way to do this now is with d isplay:flex and flex-direction: column-reverse;

See the code below, note that the flex-direction: column-reverse property causes the order of div s in HTML to start in reverse, that is, the last div of HTML that would be your most recent news ever will come first than the others, since these div s are ordered in reverse, the latter comes first than the previous ones.

Notice the order that NOVA is in the HTML and then Execute the code to see the order it appears when the page is rendered by the browser.

article	{
  display: flex;
  flex-direction: column-reverse;
}
div{
  padding: 10px;
  border: 1px solid;
}

<article>
  <div>
    Mais ANTIGA
  </div>
  <div>
    ANTIGA 
  </div>
  <div>
    NOVA
  </div>
</article>

If you are adding this news manually, the only way I know it is you putting the new news as one of the first divs. Example:

<article>

 <div id="NOTICIA Nova">
  <ul>
   <li></li>
   <li></li>
   <li></li>
  </ul>
 </div>

 <div id="NOTICIA ANTIGA">
  <ul>
   <li></li>
   <li></li>
   <li></li>
  </ul>
 </div>

 <div id="NOTICIA ANTIGA">
  <ul>
   <li></li>
   <li></li>
   <li></li>
  </ul>
 </div>

But in case you want to add them dynamically, you need to use PHP, Javascript and mysql (for the database). So you can register new news in a database, and when the page loads, it pulls the new news to the screen.

Att,