display:inline vs display:block [duplicate]

by

display: block means that the element is displayed as a block, as paragraphs and headers have always been. A block has some whitespace above and below it and tolerates no HTML elements next to it, except when ordered otherwise (by adding a float declaration to another element, for instance).

display: inline means that the element is displayed inline, inside the current block on the same line. Only when it’s between two blocks does the element form an ‘anonymous block’, that however has the smallest possible width.

Read more about display options : http://www.quirksmode.org/css/display.html

More Related Contents:

  1. Working with CSS in React [closed]
  2. Browser can’t access/find relative resources like CSS, images and links when calling a Servlet which forwards to a JSP
  3. Hiding the scroll bar on an HTML page
  4. CSS3 background image transition
  5. Position Relative vs Absolute?
  6. Why does the order of media queries matter in CSS?
  7. Truncating long strings with CSS: feasible yet?
  8. Remove padding from columns in Bootstrap 3
  9. External CSS vs inline style performance difference?
  10. Separators for Navigation
  11. xHTML/CSS: How to make inner div get 100% width minus another div width
  12. How to create multi-color border with CSS?
  13. What’s the difference between `all: unset` and `all: revert’
  14. Slanted Corner on CSS box
  15. How to specify an element after which to wrap in css flexbox? [duplicate]
  16. How to link a CSS file from HTML file?
  17. Build list of selectors with LESS
  18. Changing an input’s HTML5 placeholder color with CSS does not work on Chrome
  19. how to rotate text left 90 degree and cell size is adjusted according to text in html
  20. Set div height equal to screen size
  21. What CSS3 features still need vendor prefixes?
  22. How to fix unexpected column order in bootstrap 4?
  23. How to style the UL list to a single line
  24. Align button at the bottom of div using CSS
  25. text flowing out of div
  26. Can I set the height of a div based on a percentage-based width? [duplicate]
  27. Is it bad practice to prefix single lines of CSS with // as a personal comment style?
  28. Chrome & Safari Error::Not allowed to load local resource: file:///D:/CSS/Style.css
  29. Ellipsis in flexbox container [duplicate]
  30. CSS Double Border with outer border thicker than inner border

Leave a Comment