Olha esse código de exemplo:
<article>
<div>
<ul>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
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 dentro de 4 li que e dentro de 1 ul, ou seja para cada fileira é uma ul com 4 li dentro. 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.