Balise Button, usage valide ou pas?

Bonjour,
Je voulait vous poser une question, dans une page j'ai une zone qui servira de bouton, je voulait donc utiliser la balise "button", mais puis-je faire ce type d'implémentation?

<button>
      <i ></i>
      <i ></i>
      <span></span>
 </button>

Le rendu est exactement ce que je cherche, mais est ce que c'est correct comme structure?

Merci pour votre retour, est désoler si la question est un peu stupide... mai je ne sait pas trop a quel point on peut imbriquer des éléments dans une balise de ce type :s

Bonsoir,

Aucun problème pour ajouter des éléments en ligne, mais aussi des éléments block.

Pour vous aider dans ce type de questionnement, vous pouvez consulter des spes en français, comme le Developer Network de Mozilla. Et à propos de <button> voir leur note en bas de page :

"Mozilla Developer Network" a écrit :
Les éléments <button> sont beaucoup plus facile à styler que les éléments <input>. Vous pouvez y ajouter du contenu HTML (pensez à <strong>, <em> ou encore à <img>) et utilisez les pseudo-éléments :after et :before pour réaliser un rendu encore plus complexe. Alors que l'élément <input> n'accepte qu'un attribut textuel.

ON peut mettre à peu près ce qu'on veut dans <button>. ON a sauf erreur juste pas le droit d'y inclure d'autres éléments focusables ou cliquables tels que <a>, <input>, <select>, un autre <button>...