Zadejte hledaný výraz...

Ikonka vedle textu ktery je zarovnany doprava

Oliwaaa
verified
rating uzivatele
(1 hodnocení)
3. 6. 2020 09:07:00
Zdravim, potreboval bych poradit. Mam text - telefonni cislo, ktere je zarovnane jako text doprava a potrebuji vedle tohoto cisla umistit vlevo ikonku telefonu. Kod mam takto:
.customer-service-phone
{
text-align:right;
font-size:18px;
}
.phone-icon
{
float: left;
margin: 2px 6px 0 0;
}
Bohuzel to takto nefunguje. Text je vpravo a ikonka uplne vlevo na strance a ne vedle textu. Predem dekuji za pomoc.
3. 6. 2020 09:07:00
https://webtrh.cz/diskuse/ikonka-vedle-textu-ktery-je-zarovnany-doprava#reply1453746
Moc bych to s floaty už nehrotil jestli neděláte na něčem legacy. Už vašeho příkladu by mělo stačit nastavit kontejneru pevnou šířku, aby vám automaticky jako blokový prvek nenabral 100% šířky rodiče.
Codepen
3. 6. 2020 09:53:54
https://webtrh.cz/diskuse/ikonka-vedle-textu-ktery-je-zarovnany-doprava#reply1453745
Oliwaaa
verified
rating uzivatele
(1 hodnocení)
3. 6. 2020 10:41:20
Dekuji. Ale takto to mate taky cele vlevo, ja to potrebuji mit cele vpravo.
Vlevo mi to funguje, ale kdyz to dam doprava, tak mi tam skoci jen text, ale ikonka ne.
3. 6. 2020 10:41:20
https://webtrh.cz/diskuse/ikonka-vedle-textu-ktery-je-zarovnany-doprava#reply1453744
Toz to jste nerekl nebo jsem to nepochopil, ale to je detail, tak potom staci jen dat kontejneru v Penu "margin-left: auto;" .
3. 6. 2020 10:47:34
https://webtrh.cz/diskuse/ikonka-vedle-textu-ktery-je-zarovnany-doprava#reply1453743
Oliwaaa
verified
rating uzivatele
(1 hodnocení)
3. 6. 2020 11:32:30
Super, funguje. Dekuji moc.
3. 6. 2020 11:32:30
https://webtrh.cz/diskuse/ikonka-vedle-textu-ktery-je-zarovnany-doprava#reply1453742
Pro odpověď se přihlašte.
Přihlásit