Comment faire de ce style avec CSS

Question

comment est-il possible de le faire, compatible, bonne et réceptive? Je pense faire de la boite H2 avec un fond, mais ça fait beaucoup de problèmes d'interaction avec le fond ... c'est beaucoup de png. Je préfère une façon de le faire avec css pur, rembourrage, marge, etc.

full resolution image (too see texture)

Answer 1

Ce ca n être fait avec n'importe quel élément sémantiquement approprié de votre choix, sans avoir à définir une couleur de fond.

http://cssdeck.com/labs/n2z0icvf

<h1>Technique</h1> 

h1 { 
    overflow: hidden; 
    padding-left: 2em; 
} 

h1:before, 
h1:after { 
    content: " "; 
    display: inline-block; 
    border-bottom: 2px solid; 
    position: relative; 
    vertical-align: middle; 
    width: 50%; 
} 

h1:before { 
    right: 0.5em; 
    margin-left: -50%; 
} 

h1:after { 
    left: 0.5em; 
    margin-right: -50%; 
    width: 100%; 
} 

Answer 2

violon travail:http://jsfiddle.net/58JCY/

HTML:

<fieldset> 
    <legend>LEVE TECHNIQUE</legend> 
</fieldset> 

CSS:

fieldset { 
    border:none; 
    border-top: 1px solid #999; 
} 
legend { 
    padding: 0 5px; 
}