Clay CSS (2.9.0)

Autofit Col

Autofit Padded

Inline Item

Bg Checkered

Autofit

Autofit Padded

For Inline Item to function and space properly, white space between text and icons must be removed from the markup inside the component. It's generally easier to remove all white space inside the link, button, or component. In the examples below, whitespaces in button and link are slightly off and the link underline on hover is a bit wide.

Inline Item with Anchor Tag (No White Space)

linkwhy, but ok.

Inline Item with Anchor Tag (Has White Space)

link why, but ok.

Inline Item with Button Tag (No White Space)

Inline Item with Button Tag (Has White Space)

Bg Checkered