Simplifier le code html css

Bonjour,

j'ai refait le cadre des forum

https://fiddle.jshell.net/8pbwu4L7/

mon souci c'est cette ligne

j'étais obligé de mettre les balise div afin d'avoir le résultat comme le lien en haut

 <div class="forum-index-auteur"><figure class="photo-forum"><span class="icon-avatar-forum-homme"></span></figure></div>

j'ai tester de mettre juste

<span class="forum-index-auteur photo-forum icon-avatar-forum-homme"></span>

mais ca ne marche pas le cadre photo forum ne se décole pas sur le cadre forum auteur

donc j''étais obligé de mette la balise div

et même j'ai tester du côté css

.photo-forum, forum-index-auteur	  {
	  margin:0; ou marging 1em ou padding 1em etc....
/*	  background-color:#CCCCCC;*/
	  }

donc tout ca ne fonctionne pas à part de mettre une balise

      <div class="forum-index-auteur"><figure class="photo-forum"><span class="icon-avatar-forum-homme"></span></figure></div>

au lieu de le simplifier par

<span class="forum-index-auteur photo-forum icon-avatar-forum-homme"></span>

merci de votre aide