Justificar texto

[eronventer 2]

Tenho uma div que possui apenas uma lista de links lado a lado, porém deveria estar justificado, mas a propriedade não funcionou, teria alguma forma de dexar esses links justificados?

 

#produtos {
width:875px;
margin-bottom:25px;
padding:0 30px 0 30px;
text-align:justify;
}

#produtos a { font-size:23px; font-weight:bold; text-align:justify; text-decoration:none; float:left; opacity:0.5;-moz-opacity:0.5; filter:alpha(opacity=50); text-shadow:#ccc 0px 0px 4px; }

[Annyh 4]

testei aqui e funcionou, vai ver no teu código não há texto (links) suficientes para o efeito aparecer.

 

você tem que definir o alinhamento do texto na div #produtos.

 

posta o html dos links para gente ver...

[eronventer 2]

    	<div id="produtos" class="fleft">
       	<a href="#">MARCA</a><a href="#">MANUALDEIDENTIDADEVISUAL</a><a href="#">CARTÃODEVISITA</a><a href="#">BANNER</a><a href="#">PAPELTIMBRADO</a><a href="#">FROTA</a><a href="#">ENVELOPE</a><a href="#">UNIFORME</a><a href="#">DISPLAY</a><a href="#">DESIGNEDITORIAL</a><a href="#">PASTAPARADOCUMENTO</a><a href="#">BACKLIGHT</a><a href="#">CONVITE</a><a href="#">FRONTLIGHT</a><a href="#">OUTDOOR</a><a href="#">CALENDÁRIO</a><a href="#">PDV</a><a href="#">CARDÁPIO</a><a>CARTAZ</a><a href="#">POSTAL</a><a href="#">ANÚNCIO</a><a href="#">CATÁLOGO</a><a href="#">BUSDOOR</a><a href="#">FLYER</a><a href="#">BRINDE</a><a href="#">FOLDER</a><a href="#">EMBALAGEM</a><a href="#">SINALIZAÇÃO</a><a href="#">E</a><a href="#">OUTROS</a>
   	</div>

 

O doctype estou usando XHTML 1.0 Strict

[NetBoy16 72]

- Definiu largura e altura para a div produtos ?

- Setou text-align:justify; na div produtos ?

- Na propriedade anterior ao do text-align você colocou ; ?

- No html você linkou o arquivo css ?

 

Por mais bobo que possa parecer, tem gente que esquece dos 2 ultimos itens, faca esse checklist e volte a postar por favor.

[eronventer 2]

NetBoy16,

 

Na primeira postagem tem o css utilizado, e sim o arquivo está linkado.

[Layo 10]

O q tem na class="fleft" ?

[Claiton B G 0]

Remova propriedade float: left em #produtos a.

Acho que deve resolver seu problema. Aqui funcionou mas vai depender o resto do seu código.

 

#produtos a {
font-size:23px;
font-weight:bold;
text-align:justify;
text-decoration:none;
float:left;  // <-- Remover 
opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
text-shadow:#ccc 0px 0px 4px;
}

[Annyh 4]

faz o que o Claiton B G postou, aqui também funcionou.