DOCTYPE html html head meta http-equiv Content-type content text html

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Using my method.</title>
<style type="text/css">
#posts {
width: 500px;
}
.post {
width: 100%;
float: left;
}
.post img {
float: left;
padding: 0 5px;
}
</style>
</head>
<body>
<div id="posts">
<div class="post">
<h2>The title nr. 3</h2>
<img src="http://dl.getdropbox.com/u/700451/DWS/php-photo-album.jpg" />
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="post">
<h2>The title nr. 2</h2>
<img src="http://dl.getdropbox.com/u/700451/DWS/the-heating-company-analogy.jpg" />
<p>Aliquam neque tortor, ultricies non gravida molestie, venenatis vitae libero.</p>
</div>
<div class="post">
<h2>The title</h2>
<img src="http://dl.getdropbox.com/u/700451/DWS/how-important-is-valid-html-web-standards.jpg" />
<p>Donec id velit tristique ante auctor congue in at arcu. Proin luctus cursus imperdiet. Curabitur quis metus ac dolor interdum pellentesque. Pellentesque metus nibh, sagittis quis dictum in, posuere non sem. Sed dignissim, ante ut accumsan dictum, augue eros convallis sapien, a sodales metus nunc et nisi. Vestibulum imperdiet, nunc ac convallis elementum, nulla turpis mollis tellus, a ultrices justo tellus sit amet augue. Aenean est sem, mollis a scelerisque quis, hendrerit quis augue. Morbi sit amet tortor vitae sapien ullamcorper condimentum sit amet sed nunc. Nam porta urna eu urna volutpat ornare. Vivamus eleifend erat ac sapien pellentesque ut vehicula odio accumsan. Vivamus posuere metus quis tortor vehicula hendrerit tincidunt risus varius. In tincidunt volutpat ornare. Sed scelerisque nisl non justo iaculis dignissim eget ut augue.</p>
</div>
</div>
</body>
</html>