@jjsszz: Tak na szybko, 4 divy i manipulacja z-indexem http://codepen.io/anon/pen/oLEXPx

@jjsszz: HTMLem się nie zajmuję na co dzień, ale nie możesz zrobić najpierw dolnej warstwy w kolorze obramowania, a później tych dwóch boxów w kolorze tła lekko mniejszych i odpowiednio je wypozycjonować? Wydaje się dość proste...

@jjsszz: najszybciej pewnie by było stworzyć 2 divy z ramkami i jeden cały na biało #pdk, który ukryłby wybraną część. Jak chcesz bardziej finezyjnie to pobaw się :after, :before, ale nie wiem czy jest sens.

Na razie przychodzi mi do głowy przykrycie nachodzących na siebie ramek ale to gówniane rozwiązanie.

@jjsszz: Dobre rozwiązanie, a ludzie niech sobie RAM dokupią a nie na gównach jakichś pracują ( ͡° ͜ʖ ͡°)

@jjsszz: Zrób sobie obrazek jako tło i potem ustaw tekst w odpowiednim miejscu. Tylko wyłącz to na urządzeniach mobilnych.

@jjsszz: raczej nic sprytniejszego nie wymyślisz. Tu (10 sek. szukania w google) poza wieloma divami proponują jeszcze svg.

Przy okazji, możesz tu całkiem elegancko wydzielić 3 x div, co pozwoli ci zbudować ramkę jaką chcesz:
- box 1
- Text from box 1
- Lorem ipsum