div около друг div

I

ivan_s

Registered
Здравейте, имам два див-а и един, който ги държи:

<div class="wrapper">
<div class="content1">Много текст,Много текст,Много текст...
</div

<div class="content2">Малко текст, Малко текст...
</div
</div>

Как да напрява със css така, че многото текст (.content1 на първия div) да обхожда малкото текст (content2), т.е. content1 започва от горе в ляво- и като срещне content2 (който стои горе в дясно) да го заобиколи. Мисля, че ме разбрахте, искам нещо такова:
http://prikachi.com/images/365/4962365D.jpg
 
Със снимка става, но с див не се получава :( Благодаря за отговора
 
Демо: http://codepen.io/anon/full/7626/1

HTML: 
<!DOCTYPE html>
<html lang="bg">
<head>
	<meta charset="utf-8">
	<title>Начална страница</title>
	<style>
		.wrapper{
			width:900px;
			margin:0 auto;
		}
		.content1{ overflow:hidden; }
		.content2{
			padding:20px;
			width:300px;
			float:right;
			border: solid 1px #000;
		}
	</style>
<body>
	<div class="wrapper">
		<div class="content1">
			<div class="content2">
				Малко текст, Малко текст... Малко текст, Малко текст... Малко текст, Малко текст... Малко текст, Малко текст... Малко текст, Малко текст...
				Малко текст, Малко текст... Малко текст, Малко текст... Малко текст, Малко текст... Малко текст, Малко текст... Малко текст, Малко текст...
				Малко текст, Малко текст... Малко текст, Малко текст... Малко текст, Малко текст... Малко текст, Малко текст... Малко текст, Малко текст...
		
			</div>
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
			Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст... 	Много текст,Много текст,Много текст...
		 
		
		
		</div>

		
	</div>
</body>
</html>
 
Уаууу ;)) Супер, толкова се зарадвах и си мислех, че стана, само че за съжаление не става в моя случаи. Аз имам два дива, които са отделни един от друг:

<div class="content1"> text.... text.... text....
</div>

<div class="content2"> text....
</div>

за случая, в който ми предлагаш втория div е вътре в първия.
Благодаря ти за предложението!
 
Имам чувството, че това няма как да стане... :cry:

shterev получаваш +1, за труда ти
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе