Icon – text alignment

Hello all:

In the past you all gave me this code to fix the “second line” after a bullet post icon so that they line up and not fall under the icon.

See code you gave me here:

#after_section_1 .avia-icon-pos-left { margin-left: -18px; }

.home .avia-icon-pos-left {
margin-left: -18px;
}

.avia-promocontent .avia-icon-pos-left {
margin-left: -18px;
}

But my client just added MORE text making the bullet point take up 3 lines and the last line is now not lining up.

See it here: http://www.warrenbsi.com/employee-benefits/

3rd bullet down –

Provide all employee communications (i.e., custom benefit communicators that includes all required notice requirements and summary of benefits and coverage)

How can I alter the css to fix that?

I’m editing this – client just added MORE content for another bullet point – 5th bullet down:

Provide compliance service for: Affordable Care Act (ACA), Employee Retirement Income Security Act (ERISA), Internal Revenue Service (Premium Only Plan, Flexible Spending Account (FSA), Consolidated Omnibus Budget Reconciliation Act (COBRA), Centers for Medicare Medicaid Services (CMS). * Review of details on these services is required.

As you can see now the first TWO lines line up correctly – after that they go out of line.

Not sure if the new CSS code you would haver send would fix this so I wanted to edit this question.

Thanks!

Paul

• This topic was modified 10 years, 7 months ago by noble51. Reason: New bullet content added - making several lines go out of alignment