Nejste přihlášen/a.

Přihlásit se do poradny

 

CSS vertical center

Od: peterrr odpovědí: 4 změna:

Ahoj,

potřeboval bych poradit, jak vložit obrázek i text doprostřet na výšku a zároveň ten druhý text vložit dolů. Poradíte?

kod.djpw.cz/...

 

 

4 odpovědi na otázku
Řazeno dle hodnocení

 

 

joudic*
hodnocení

2x
w3.css ;) neni tak invazivni jako bootstrap

 

hodnocení

0x

#left-div, #right-div { vertical-align: middle; } (přidej do existujících CSS)

mezi </div>
<div id="right-div"> v tomhle případě nesmí být volné místo (odřádkování), uprav na </div><div id="right-div">

.bottom dostaneš dolů třeba přes absolutní pozicování

ale dnes už by se to celé řešilo spíš flexboxem


doplněno 02.04.21 10:57:

Ještě u #wrapper zruš display: flex.

peterrr
hodnocení

Pokud zruším flex, tak uvnitř boxů left a right bude po sebou než vedle sebe. Zkusil jsem to nějak upravit kod.djpw.cz/... . Text i obrázek je uprostřed, ale text co chci dát bottom, prostě nejde dát.

Co třeba takhle?

 

 


 

 

 

Přihlásit se k odběru odpovědí z této otázky:

Neneseme odpovědnost za správnost informací a za škodu vzniklou jejich využitím. Jednotlivé odpovědi vyjadřují názory jejich autorů a nemusí se shodovat s názorem provozovatele poradny Poradte.cz.

Používáním poradny vyjadřujete souhlas s personifikovanou reklamou, která pomáhá financovat tento server, děkujeme.

Copyright © 2004-2025 Poradna Poradte.cz. Všechna práva vyhrazena. Prohlášení o ochraně osobních údajů. | [tmavý motiv]