Проблемы выравнивания в CSS ⇐ CSS

[Anonymous]

I'm currently facing a challenge aligning the email and "Call Us" texts according to a specific black line, as illustrated in the image below:



I've attempted to address this issue using HTML/CSS, and you can find my current approach in this: index.html

[*] Contact Us

• [/i] House 1, Road 3, Section 6, Mirpur, Dhaka 1216
• Call Us :
  +88 01740-214622, +88 01912-137844
• Email : info@sagatom.com, sagatom2u@gmail.com

style.css

.footer-info{ width: 16%; } .footer-info .footer-title { color: #000; border-bottom: 1px solid #000; padding-bottom: 15px; margin-bottom: 20px; font-size: 22px; text-transform: uppercase; padding-left: 35px; } .footer-info .footer-adress { list-style-type: none; margin: 0px; } .footer-info .footer-adress li { float: left; width: 100%; margin: 0; display: table; padding: 5px 0px; } .footer-info .footer-adress li>i { padding-right: 8px; } .footer-info .footer-adress li span { display: table-cell; vertical-align: middle; font-size: 14px; line-height: 24px; } Could someone provide insights or suggestions on how to achieve this alignment effectively within the HTML/CSS framework? Any help or guidance would be greatly appreciated. Thank you.


Источник: https://stackoverflow.com/questions/781 ... ues-in-css