Crear espacio entre tarjetas colindantes

[Mabelweb]

Hola a todos


Estoy haciendo una página en la cual muestro unas tarjetas de modo parecido a como aparecen en este enlace

http://mallorca-scout.com/component/option,com_sobi2/Itemid,377/lang,de/

Como verán las tarjetas están unas junto a otras sin apenas separación. A mí me sucede lo mismo. Mi pregunta es: qué estilos debo emplear para que me quede un espacio alrededor de cada tarjeta, pero por fuera de la caja. Es decir, lo que quiero es establecer una distancia respecto a la tarjeta colindante.

He usado lo siguiente, pero apenas se nota nada. Lo de poner 90px ha sido para exagerar la distancia, pero ni siquiera así he conseguido nada.

Código:

table.tarjeta td {
	margin: 90px 90px 90px 90px;
	vertical-align: top;
	border: 4px solid Lime;
	padding: 20px!important;
}

Saludos,

Mabel

[Aresillo]

Mira a ver si funciona poniendole un:
border-spacing:5px; /*cambia los 5 pixeles por lo que necesites...*/

Aresillo!!

[Calizman]

Si lo que tienes ahi es lo que pusiste en tu codigo CSS esta mal declarado...

tendria que ser asi:

.tarjeta table td {
margin: 90px
}

De esa forma tendria que funcionar! intenta asi y comentas no?

Saludos!