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 Automation Solutions - Everest Automation
Logo
ALL PRODUCTS

Automation Solutions

Industrial automation solutions that improve control, efficiency, and system integration across process and manufacturing environments.

DCS and Control Systems
See all products
Stand-alone Controllers
See all products
Process Recorders
See all products
Process Indicators
See all products
Telemetry Solutions and Remote Data Acquisition
See all products
Terminal Operation
See all products
Industrial Ethernet Switches
See all products
Compact Automation Computers
See all products

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