Texte dans border CSS HTML

Question

J’aimerais avoir un div qui ressemble à ceci:

Est-ce possible de le faire avec HTML + CSS? Je vais également animer cette div avec jQuery. Lorsque le div est masqué, j’aimerais que le titre et la ligne du haut s’affichent.

Answer 1

Oui, mais ce n’est pas un , c’est un

<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js"> <div class="snippet-code">

</div></div>

Answer 2

<h3>Texte dans bordure avec arrière-plan de texte transparent<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code></code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code></code></pre> </div> </div></h3>

Answer 3

<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js"> <div class="snippet-code">

</div></div>