quebrando icones com CSS

[pikachuxu]

Boa Noite,

Tenho um script em CSS e uma foto em gif com icones na vertical.

Na página em HTML os Icones saem na horizontal. Gostaria de saber se alguém pode me explicar esse código para mim criar meus proprios icones e códigos.

Gostaria de saber na prática e na teoria explicando as tagas do CSS ou se possível se há algum site para mim estudar CSS e aprender fazer isso:

Código:

#content div#about div.section div a.callus {
	background: url(../images/sprite-icons.gif) no-repeat 0 -232px;
	color: #c04973;
	display: block;
	font-size: 18px;
	height: 91px;
	line-height: 30px;
	margin-top: 20px;
	padding-top: 10px;
	text-decoration: none;
	text-indent: 80px;
}

Este código veio de um template que baixei da internet pois estou aprendendo HTML, CSS e PHP

se alguém pudesse me ajudar seria de boa ajuda.

Queria saber qual dessas tags acima faz os icones "quebrarem" para a horizontal.

Obrigado.

Abrass

[Rodrigo Vieira E. da Silva]

Bom dia Pikachuxu,

Veja o exemplo abaixo.

http://tableless.com.br/css-sprites/

Espero que te ajude.