Just use negative margins, in the second div say:
<div style="margin-top: -25px;">
And make sure to set the z-index property to get the layering you want.
More Related Contents:
- How would I achieve a shadow that won’t show through transparent text?
- Fill in text in HTML5
- Change text-color on div :hover [closed]
- How to place two divs next to each other?
- Why does height 100% work when DOCTYPE is removed?
- iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
- Does height and width not apply to span?
- HTML 5 strange img always adds 3px margin at bottom [duplicate]
- Changing three.js background to transparent or other color
- Actual table Vs. Div table
- How can I ensure that text is inside rounded div?
- What is the current state of the “scoped” attribute for the style element in HTML5?
- Proper way to apply CSS to HTML5 custom elements
- Add a text suffix to
- html5 vertical spacing issue with
- How to position a div in the middle of the screen when the page is bigger than the screen
- Nested rows with bootstrap grid system?
- How to write a caption under an image?
- How to make the overflow CSS property work with hidden as value
- How do I line up 3 divs on the same row?
- How to set height property for SPAN
- CSS: How to align vertically a “label” and “input” inside a “div”?
- Preventing an image from being draggable or selectable without using JS
- Div side by side without float
- Best replacement for font tag in html
- Full background image with fade effect
- How to align two divs side by side using the float, clear, and overflow elements with a fixed position div/
- Is there a way to style HTML5’s range control?
- print page count with total number of pages using css
- Difference between and with text-align:center;?