Jump to content

Why is a html element shown BEFORE predecessor elements on webpage?

Recommended Posts

Lets have a look at an example webpage:


Now right click (in Firefox) on the text (starting "You can secure your Android phone's lock screen....") below the headline and select "Inspect element" from context menu

The element has a class "heading_excerpt".

Now have a look on the element(s) in HTML code just ABOVE this element. They have a class e.g. "heading_meta".

Although they are physically written in HTML code ABOVE the "heading_excerpt" they are appear on the loaded webpage in the opposite order.


Is there a way to let the browsers rendering machine show them in the order they appear in HTML source code?

I have no access to the original web page server but may want to re-arrange it afterwards (from user script).


Edited by pstein
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...