In the example below it shows how you can have position two divs side by side

<!DOCTYPE html> <html> <head> <style> html{ height:100%; width:100%; } body{ height:100%; width:100%; background:solid green; margin:0; padding:0; } div.blahdiv { position:absolute; top:0; left:0; width:50%; height:100%; background-color:red; } div.foobar { position:absolute; top:0; right:0; width:50%; height:100%; background-color:blue; } </style> </head> <body> <div class="blahdiv"><p>Learn</p></div> <div class="foobar"><p>More</p></div> </body> </html>