How to align a div to the top of its parent but keeping its inline-block behaviour?

by

Try the vertical-align CSS property.

#box1 {
    width: 50px;
    height: 50px;
    background: #999;
    display: inline-block;
    vertical-align: top; /* here */
}

Apply it to #box3 too.

More Related Contents:

  1. How would I achieve a shadow that won’t show through transparent text?
  2. Fill in text in HTML5
  3. Change text-color on div :hover [closed]
  4. CSS customized scroll bar in div
  5. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  6. Does height and width not apply to span?
  7. Is there a way to apply a CSS style on HTML5 datalist options?
  8. Show Child Div within Hidden Parent Div
  9. HTML 5 strange img always adds 3px margin at bottom [duplicate]
  10. Failed to decode downloaded font
  11. Actual table Vs. Div table
  12. How can I ensure that text is inside rounded div?
  13. Which HTML5 reset CSS do you use and why? [closed]
  14. What is the current state of the “scoped” attribute for the style element in HTML5?
  15. Proper way to apply CSS to HTML5 custom elements
  16. Div height 100% and expands to fit content [duplicate]
  17. Add a text suffix to
  18. html5 vertical spacing issue with
  19. Adjacent divs with angled borders? [duplicate]
  20. How to position a div in the middle of the screen when the page is bigger than the screen
  21. How to write a caption under an image?
  22. How do I line up 3 divs on the same row?
  23. How to set height property for SPAN
  24. CSS: How to align vertically a “label” and “input” inside a “div”?
  25. Div side by side without float
  26. Best replacement for font tag in html
  27. Full background image with fade effect
  28. Can I replace the expand icon (▶) of the element?
  29. How to add bordered triangle over a div tag
  30. Trouble (vertically) Centering Text in another DIV with relative % sizing

Leave a Comment