Two div blocks on same line

by

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.

More Related Contents:

  1. Specific order of inline-block elements on mobile and desktop devices
  2. Browser is not displaying images
  3. How can I select an element with multiple classes in jQuery?
  4. Why is there an unexplainable gap between these inline-block div elements? [duplicate]
  5. Why doesn’t percentage padding / margin work on flex items in Firefox and Edge?
  6. Put icon inside input element in a form
  7. Grid properties not working on elements inside grid container
  8. Is element block level or inline level?
  9. Can I change the checkbox size using CSS?
  10. Maintain the aspect ratio of a div with CSS
  11. How do I give text or an image a transparent background using CSS?
  12. How to blur(css) div without blur child element [duplicate]
  13. Border length smaller than div width?
  14. Should I specify height and width attributes for my IMGs in HTML?
  15. Preventing double borders in CSS Grid
  16. CSS ”background-color” attribute not working on checkbox inside
  17. CSS3 transition doesn’t work with display property [duplicate]
  18. How to determine height of content-box of a block and inline element
  19. Image scaling causes poor quality in firefox/internet explorer but not chrome
  20. My Footer Floats
  21. How can I show three columns per row?
  22. How to include a font .ttf using CSS?
  23. CSS grid wrapping
  24. How can I create a row-based masonry layout using CSS?
  25. Selecting the last element among various nested containers
  26. Why using absolute position causes the div to be on top?
  27. How to put img inline with text
  28. Element with “display: inline-flex” has a strange top margin
  29. How to flatten nested divs to display them in a CSS grid?
  30. How to implement a Navbar Dropdown Hover in Bootstrap v4?

Leave a Comment