Olha esse código de exemplo:

    <article>

     <div>
	  <ul>
				
		<li>
							
		</li>

		<li>
							
		</li>

		<li>
							
		</li>

		<li>
							
		</li>

	</ul>
 </div>     

No meu código dentro de cada li tem alguns a h4 e img, como podem ver existe 4 li dentro da ul, esses 4 li é a fileira de imagem com texto na horizontal. Para cada fileira são 4 imagens com texto. Meu site, é um site de notícias.

Eu tenho uma parte no site que se chama "Ultimas noticias". Toda vez que eu add uma nova noticia eu tenho que copiar e colar o texto de cima que esta dentro do li, em baixo, para que a nova noticia que add fique em cima, Entende?

Então eu queria saber como eu faço para que sempre que eu add a "nova notica", ela fique no topo da página, sendo a primeiro notícia da fileira.

Se eu não expliquei direito meu problema, é só me dizer.

Obs: Se possivel eu gostaria de saber como resolver isso em HTML ou CSS, sendo que no momento são as unicas linguagem que sei. Se for o caso de não for possivel fazer isso com HTML ou CSS, então eu gostaria que me diga em qual linguagem de progamaçao isso seria possivel.