CSS ile bu yapmaya çalışıyorum sınır

Question

düzensiz CSS: Ben bu düzeni yapabilirim nasıl bir arka plan görüntüsü varsa

O beyaz bir arka plan ile yapmak kolaydır, ama ? Bu ne demek olduğunu:

<div class="main-div"> 
    <div class="main-div-overlay-text"> 
    SOME TEXT 
    </div> 
    SOME TEXT HERE 
</div> 

.main-div { 
    position: relative; 
    width: 200px; 
    height: 150px; 
    border: 2px solid white; 
} 

.main-div-overlay-text { 
    position: absolute; 
    left: 0; 
    right: 0; 
    margin: auto; 
    top:-10px; 
} 

Answer 1

<fieldset> ve <legend> kullanmayı deneyin:

Ben aslında başka içinde bir div mutlak konumlama değilim.

body { 
 
    background: grey; 
 
} 
 
fieldset { 
 
    border: 1px solid white; 
 
    color: white; 
 
    text-align: center; 
 
    width: 200px; 
 
} 
 
legend { 
 
    padding: 0 10px; 
 
}

<fieldset> 
 
    <legend>Title</legend> 
 
    <p>Text</p> 
 
</fieldset>

<legend align="center">