Выравнивание по высоте

goodsik · January 18, 2014

Необходимо выровнять красный блок по центру по вертикали. Т.е. когда текста в <h1> становиться больше, родительский див растягивается, то и красный блок остаётся ровно по центру по высоте. Перекопал гугл, проблему не решил(

<body>	<div style="background:#CCC; width: 70%; overflow: hidden;">    	<h1 style="width:70%; float:left">        	Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст!         </h1>                <a href="#" style="float:right; padding:20px 20px; background:#F00; display:block">Ах, этот текст! </a>    </div></body>

Edited January 18, 2014 by goodsik

Z1gnet · January 18, 2014

через табличные свойства http://codepen.io/Z1gnet/pen/etdyC

advokatua · January 18, 2014

как-то так http://jsbin.com/Isaqoti/1/

или табличкой.

Edited January 18, 2014 by advokatua

Z1gnet · January 18, 2014

как-то так http://jsbin.com/Isaqoti/1/

минус способа в том что если высота ссылки изменится, то она будет уже не по центру

advokatua · January 18, 2014

так и есть, но ведь автор ничего не говорил об изменении высоты.

Edited January 18, 2014 by advokatua

goodsik · January 19, 2014

Спасибо за варианты решения проблемы. Тему можно закрывать

Sign In

Выравнивание по высоте

Question

goodsik

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Z1gnet

Link to comment

Share on other sites

advokatua

Link to comment

Share on other sites

Z1gnet

Link to comment

Share on other sites

advokatua

Link to comment

Share on other sites

goodsik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information