Witam mam pytanie jak zrobic zeby tekst przechodzil przy 3 zdjeciu od gory do nowej lini ale pod obrazkiem zeby tekst sie zaczynal
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 2016-06-28, 16:22:37
Author : W53839
*/
.container {
padding: 10px;
width: 1000px;
margin-left: auto;
margin-right: auto;
border: solid 1px;
height: 380px;
border-radius: 10px;
}
.img1 {
float: left;
width: 150px;
}
.akapit1 {
float: left;
margin-left: 10px;
width: 750px;
}
.img2 {
float: right;
width: 150px;
}
.akapit2 {
float: left;
width: 750px;
}
.img3 {
float: left;
width: 150px;
}
.akapit3 {
width: 750px;
float: left;
margin-left: 10px;
}
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="container">
<div class="img1">
<img src="1.png" />
</div>
<div class="akapit1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiu
</div>
<div style="clear:both;"></div>
<hr>
<div class="akapit2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiu
</div>
<div class="img2">
<img src="1.png" />
</div>
<div style="clear:both;"></div>
<hr>
<div class="img3">
<img src="1.png" />
</div>
<div class="akapit3">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiuLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretiu
</div>
</div>
</body>
</html>