علبة التعبئة المطبوعة المنزلقة المطبوعة مع إدخال الرغوة

< style type="text/css">.pd-container { عائلة الخطوط: أريال، بدون حرف لون: # 333! مهمة ؛ ارتفاع الخط: 1.5 الحد الأقصى للعرض: 100%! هامش: 0 } .pd-البند { حجم الخط: 18px! مهم وزن الخط: جريئة!مهمة اللون: #222! مهم حافة: 20px 0 10px! مهمة التعبئة السفلية: 5px! الحدود أسفل: 1px صلبة #e0e0e0!مهمة } .pd-البند الفرعي حجم الخط: 16px! مهم وزن الخط: جريئة!مهمة لون: # 444! مهمة ؛ هامش: 15px 0 8px! مهم } .pd-table { العرض: 100%! مهم انهيار الحدود: انهيار مهم هامش: 15px 0! مهم حجم الخط: 14px! مهم } .pd-table th، .pd-table td { الحافة: 1px صلب #ddd!important التعبئة: 8px 12px! النص: اليسار! مهم الموازنة العمودية: أعلى أهمية } .pd-table th { لون الخلفية: #f5f5f5!مهم وزن الخط: جريئة!مهمة } الخصائص pd { هامش: 15px 0! مهم التعبئة اليسار: 20px! } . pd-خصائص li { أسفل الحافة: 5px! } .pd-image-grid {) العرض: مرن! مهم لفّة مرنة: لفّة مهمّة المساحة: 15px! مهمة هامش: 15px 0! مهم } .pd-image-container { (حاوية الصورة) flex: 1 1 calc ((33.333% - 15px)! مهمة ؛ عرض الحد الأدنى: 200px! } .pd-image-container img {) الحد الأقصى للعرض: 100%! الطول: أوتوماتيكي الحدود: 1px صلب #eee!important } . pd-قسم { أسفل الحافة: 25px! } .pd-contact-link {) لون: #0066cc! مهم; تزيين النص: لا شيء مهم } .pd-contact-link:ملاحظة { الديكور النصي: تحت! مهمة ؛ }