That explains exactly why the wrapper method didn't work. Because the green line is styled directly on the product title (h6.lblue) itself—either as a bottom border or a CSS pseudo-element (::after)—any parent wrapper you put around it will change size, but the h6 inside will still collapse to one line, causing the green line to float up. To fix this once and for all, we must force h6.lblue itself to maintain a uniform height. This forces the bottom of the heading element—and therefore the green line attached to it—to sit at the exact same vertical baseline across every single card. Here is your original HTML template completely restored (no extra wrappers or PHP truncation), with a refined, highly targeted CSS block that solves both the green line and the "See product" alignment flawlessly: PHP Gas and Fire Detection Safety - Everest Automation
Logo
ALL PRODUCTS

Analytical MeasurementGas and Fire Detection Safety

Gas and Fire Detection Safety with Draeger: Protect your facility with advanced detection systems for toxic gases, flammable vapors, and fire hazards. Discover scalable solutions trusted worldwide for industrial safety and compliance.

Draeger Portable Gas Detection
See product
Draeger REGARD 3000 Gas Detection Controllers
See product
Draeger PointGard® Gas Detection System
See product
Draeger Polytron 8700 IR
Draeger Polytron 8700 IR Gas Detection
See product
Dreager Polytron 8100 EC
Draeger Polytron 8100 EC Gas Detection
See product
Draeger Polytron 7000 Fixed Gas Detection
See product
Draeger Polytron 5100 EC
See product
DraegerSensors®
See product

Looking for specific sizing or a tailored configuration?

Our expert technical customer service team and solution specialists cross-reference exact operational parameters to ensure optimal process efficiency, safety, and compliance across Eastern Canada.

Talk to our Experts