Footer Address block misaligned on long addresses
Posted by:
subkams
May 13, 2015 at 13:05 (10 year ago)
Hi,
We find that on having a Long address the Footer Address Block ( Right Had Bottom) is misaligned.
I am planning to assing the following css to the block
ul{list-style:none; width:100px;}
ul li {position:relative; margin:0 0 20px 0}
ul li p{position:relative; display:inline-block; padding-left:35px;}
ul li i{position:absolute; padding-right:25px; top:30%;}
and enclose the actual address in a tag
will this be semantically correct and responsive.
Or Please provide me with a correct CSS and code for the same.
Attached Image below.
We find that on having a Long address the Footer Address Block ( Right Had Bottom) is misaligned.
I am planning to assing the following css to the block
ul{list-style:none; width:100px;}
ul li {position:relative; margin:0 0 20px 0}
ul li p{position:relative; display:inline-block; padding-left:35px;}
ul li i{position:absolute; padding-right:25px; top:30%;}
and enclose the actual address in a tag
will this be semantically correct and responsive.
Or Please provide me with a correct CSS and code for the same.
Attached Image below.
55534c0da76c9.jpg
