Why are the tags in my HTML code not displayed in order on my browser?

Question

So I'm making a website as a test. The code can be seen below.

* {
    background: #000000;
    color: #dddddd;
    margin: 0;
    padding: 0;
}

body {
    font-family: Consolas;
}

button.header {
    border-width: 0;
}

table { width: 100%; }




    
        test title
        
    

    
        
                Test
            
             
                
                    test site title

The output is seen below:

The error here is that the second tag with the text "Test" is displayed before the first, which contains the buttons and title.

Why is that happening? How can I affect the order of my table rows?

user_413924 · Answer

You must put either a td or a th inside a tr.


  Test

then they will be displayed in the same order you write them.

Specs: https://html.spec.whatwg.org/multipage/tables.html#the-tr-element

user_13331155 · Answer

You need to wrap "test" inside a Data Cell () element.

* {
  background: #000000;
  color: #dddddd;
  margin: 0;
  padding: 0;
}

body {
  font-family: Consolas;
}

button.header {
  border-width: 0;
}

table {
  width: 100%;
}


  
    
      test site title
    
    
      
      
      
    
  
  Test

Why are the <tr> tags in my HTML code not displayed in order on my browser?

2 Answers