Wie erstellt man einen [] Rahmen in HTML?

Question

Wie erstelle ich mit HTML/CSS einen Rahmen wie den im Bild?

Danke :)

Answer 1

Sie so etwas wie dies versuchen:

body { 
 
    margin: 20px; 
 
} 
 

 
.parent { 
 
    display: inline-block; 
 
    border: 1px solid brown; 
 
    padding: 20px 20px 0; 
 
} 
 

 
.child { 
 
    background: white; 
 
    padding: 20px; 
 
    margin: -30px 0 -10px 0; 
 
}

<div class="parent"> 
 
    <div class="child"> 
 
    Hello StackOverflow! 
 
    </div> 
 
</div>

hoffe, das hilft!