Ominięcie przycisku/diva pisanym tekstem

Question

Witam. Co zrobić aby ominąć przycisk który znajduje się w prawym dolnym rogu. Tekst podchodzi pod niego, a chce zrobić tak aby go omijał.

<div class="square50">
		<h1>Stan zerowy</h1>
			 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo tempus ligula, sit amet feugiat ex laoreet vitae. Vestibulum a velit in est convallis consequat. Sed ultricies nunc et facilisis tincidunt. Vestibulum felis metus, consectetur quis placerat at, dictum sit amet turpis. Curabitur quis tincidunt ligula. Etiam maximus imperdiet massa in tincidunt. Aenean eleifend pretium metus. Quisque in rhoncus purus, et tincidunt purus.</p>

                         <p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec sit amet dapibus ipsum. Cras nisi quam, vulputate sit amet velit eget, interdum tincidunt risus. Sed vel eleifend dui. Etiam ex ex, porta non bibendum at, congue quis est. Aliquam aliquam magna ut tortor blandit pellentesque. Cras et lorem gravida, ullamcorper velit quis, aliquet lorem. Maecenas et tellus at lacus elementum iaculis. Nam vitae lacus pretium, porttitor ligula ac, fermentum ligula. In id sollicitudin velit. Proin cursus nec lorem vel vulputate.</p>

				<a id="link1" href="#" class="tilelinkhtml5">
					<div class="switch2"><i class="icon-down-big"></i></div>
				</a>
</div>

.switch2{
	position: absolute;
	color: #000;
	font-size: 40px;
	bottom: 50px;
	right: 50px;
}
.square50
{
	width: 50%;
	height: 65%;
	float:left;
}
.square50 p
{
	padding: 0 60px;
	text-align: justify;
	font-size: 20px;
	line-height: 30px;	
}

 

Comments

Nie wiem co chcesz osiągnąć takim stylowaniem. Pozycja absolutna dla przycisku i float left dla square50 .

---

Znaczy to jest tylko wycinek całego kodu, ale chodzi mi o to aby kiedy zmniejszę okno przeglądarki tekst ominął przycisk i był w nowej linijce (omijając przycisk).