html - Having elements upon other elements -

So I have a header and I'm not sure how to code the three element box It should be a little bit, but still at the end of it, like the picture below:

On the one hand, maybe position is full and margin-top , or I should probably split the images, so it's over the box And an image with the background ...

.box {position: absolute; Margin-top: -30px; }

Or how should I do this?

The next time you should post some code that you have done. Against my good decision, I made you exactly what you attracted.

HTML:

  
 "one" & gt; & Lt; Span id = "a-text" & gt; A & lt; / Span & gt; & Lt; Div id = "b" & gt; & Lt; Span id = "b-text" & gt; B & lt; / Span & gt; & Lt; / Div & gt; & Lt; Div id = "c" & gt; & Lt; Span id = "c-text" & gt; C & lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

CSS:

# A {width: 100%; Height: 150px; Background color: # EFE4B0; Border: 3px solid #ffcba; Color: # B97A57; } # A-text {float: left; } #b {width: 200px; Height: 150px; Background color: # 7092 Bee; Border: 4px solid black; Boundary-radius: 5px; Color: # B97A57; Swim left; Margin-top: 50px; Margin-left: 50px; } # C {width: 200px; Height: 150px; Background color: # B97A57; Border: 4px solid # B97A57; White color; Swim left; Margin-top: 50px; }