Add vertical-align: top
or vertical-align: bottom
to the box, depends on what you want.
More Related Contents:
- Bootstrap 4 row fill remaining height
- Linethrough/strikethrough a whole HTML table row
- elements are not centered aligned inside the wrapper and when I set the width of the wrapper it goes out of the browser width..any solution?
- How can I center text (horizontally and vertically) inside a div block?
- How do I auto-resize an image to fit a ‘div’ container?
- Can I create a div with a Curved bottom?
- How to make a HTML Page in A4 paper size page(s)?
- Best Practices & Considerations when writing HTML Emails [closed]
- Is there a way to style part of an input field’s value? [duplicate]
- Add border-bottom to table row
- How to set maximum height for table-cell?
- How does this CSS produce a circle?
- CSS fixed width in a span
- Chrome rendering issue. Fixed position anchor with UL in body
- Why is an element with position: fixed moving with a non-positioned sibling?
- flex-grow not working in column layout
- Min-width and max-height for table attributes
- How to make select elements shrink to max-width percent style within fieldset
- Height of flex container not working properly in Safari
- Overlapping/overlaying multiple inline images
- bootstrap 3 to bootstrap 4 cols no longer horizontally aligned [duplicate]
- Border style do not work with sticky position element
- Using z-index to get div above another div
- How to make a DIV not wrap?
- What is the difference between applying css rules to html compared to body?
- Twitter Bootstrap: Center Pills
- How to make bootstrap carousel image responsive?
- Background-Color of BODY tag applied to the whole HTML [duplicate]
- How can I make Bootstrap 4 columns all the same height? [duplicate]
- How to center-justify the last line of text in CSS?