2010-09-23 30 views
0

J'ai le contenu que je voudrais aligner verticalement, alors j'utilise cette classe simple tiret:Comment est-ce que je retire sans masquer des parties d'ombres?

.indent-1 { 
    margin-left: 144px; 
    overflow: hidden; 
} 

Cela fonctionne très bien dans la plupart des cas, mais si j'ai une boîte avec une ombre dans le contenu en retrait, le overlfow: hidden cache une partie de l'ombre.

Existe-t-il un moyen d'accomplir cette indentation sans sacrifier les ombres?

RÉPONDU

Voici le style complet pour obtenir l'effet désiré, ombres intacte:

.indent-1 { 
    margin-left: 120px; 
    padding-left: 24px; 
    /* margin + padding = 144 */ 

    overflow: hidden; 
} 
+0

Vous voulez dire en utilisant des marges? – Catfish

+0

Pas nécessairement; J'utilise une marge maintenant et il "écrase" la partie gauche de l'ombre (le débordement) de ma boîte en retrait. –

Répondre

0

Ajouter padding-1 indenter.

+0

Question éditée pour fournir une solution complète. Merci! –