Search code examples
htmlcss

Two div blocks on same line


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

First div:

<div id=bloc1><?php echo " version ".$version." Copyright &copy; All Rights Reserved."; ?></div>  

Second div:

<div id=bloc2><img src="..."></div>

Solution

  • CSS:

    #block_container
    {
        text-align:center;
    }
    #bloc1, #bloc2
    {
        display:inline;
    }
    

    HTML

    <div id="block_container">
    
        <div id="bloc1"><?php echo " version ".$version." Copyright &copy; All Rights Reserved."; ?></div>  
        <div id="bloc2"><img src="..."></div>
    
    </div>
    

    Also, you shouldn't put raw content into <div>'s, use an appropriate tag such as <p> or <span>.

    Edit: Here is a jsFiddle demo.