This attribute aligns inline level elements based on the media query and alignment provided. This is useful for aligning content at different media queries.
<div data-c-alignment="MEDIA(ALIGNMENT)">
# MEDIA
base
pp (Phone - Portrait)
pl (Phone - Landscape)
tp (Tablet - Portrait)
tl (Tablet - Landscape)
ds (Desktop - Small)
dm (Desktop - Medium)
dl (Desktop - Large)# ALIGNMENT
left
center
right<!--Centred initially, left aligned on landscape tablets.-->
<div data-c-alignment="base(centre) tl(left)"></div><!--Centred initially, right aligned on landscape phones, centred on landscape tablets, right aligned on large desktops.-->
<div data-c-alignment="base(centre) pl(right) tl(centre) dl(right)"></div>data-c-align.