Two div blocks on same line

Question

How to center on the same \"line\" two div blocks?

First div:

Answer 1

You can do this in many way.

1. Using display: flex

#block_container {
    display: flex;
    justify-content: center;
}

  
Copyright © All Rights Reserved.
  

2. Using display: inline-block

#block_container {
    text-align: center;
}
#block_container > div {
    display: inline-block;
    vertical-align: middle;
}

  
Copyright © All Rights Reserved.
  

3. using table

    

        

            

                
Copyright © All Rights Reserved.