Organizar texto de categorias

Detalhes da questão

Descrição

cocas20 escreveu:Nao funcionou , ainda ficou mais torto do que já esta...

Código:

body {
text-align:center;
}

Código:

#ipbwrapper {
        width: 70% !important;
}

Código:

.ipbtable.index-box .forum-desc img {
        margin-top: -100px;
        margin-left: -40px;
}
.ipbtable.index-box .forum-desc {
        margin-top: 100px;
}
table.ipbtable td.icon {
        height: 130px !important;
}
table.ipbtable .forum-name h3 {
        margin-left: 230px !important;
}

cocas20 escreveu:Não resultou =/

Só quero que mude mesmo a descrição das categorias onde esta assinalado.

cocas20 escreveu:Sim está com essa configuração...

Código:

.topiclist .header {
text-align: center;
}

FOLHA CSS:

CODIGO :

Codigo:

Código:

ul.forums dl.icon dd.dterm > div {
  display: flex !important;
}

h3.hierarchy ~ span {
  display: inline-flex;
  flex-direction: column;
  margin-right: 20px;
}

h3.hierarchy ~ span:last-of-type {
  margin-right: 0;
}

h3.hierarchy ~ span h3 a {
  display: flex;
  justify-content: center;
  align-items: center;
}

h3.hierarchy ~ span h3 a img {
  margin-right: 5px;
}

h3.hierarchy ~ span #description {
  display: block;
  text-align: center;
}

h3.hierarchy ~ span br {
  display: none;
}

Código:

<div style="float: left; width: 50%;">
   <h3 class="hierarchy">
     <a href="http://cyber-designer.forumeiros.com/f1-regras-e-staff" class="forumtitle"><img src="http://i.imgur.com/bEQZJ2U.png" />Regras e Staff</a>
   </h3>
   <div class="description">
     Atenção as regras do fórum, conheça a equipe.
   </div>
</div>
<div style="float: left; width: 50%;">
   <h3 class="hierarchy">
      <a href="http://cyber-designer.forumeiros.com/f3-anuncios" class="forumtitle"><img src="http://i.imgur.com/MhiV6ab.png" />Anúncios</a>
   </h3>
   <div class="description">
      Mantenha-se atualizado com os anúncios.
   </div>
</div>