+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:th="http://www.thymeleaf.org"
+ xmlns:layout="http://www.thymeleaf.org"
+ >
+ <head>
+ <title th:replace="templates/layout :: head">juplo - TESTLABTEMPLATE</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <style type="text/css">
+
+ body {
+ margin: 0;
+ padding: 0;
+ }
+
+ .testlab
+ {
+ width: 100%;
+ text-indent: 0;
+ margin: 0 0 20px -320px;
+ background-color: #fff;
+ }
+ .testlab:after
+ {
+ content:"";
+ display:table;
+ }
+ .tl970
+ {
+ margin-left: 0px;
+ border-left: 970px solid green;
+ text-indent: -970px;
+ background-color: transparent;
+ }
+ .tl670
+ {
+ margin-left: -970px;
+ border-left: 670px solid yellow;
+ text-indent: -670px;
+ background-color: transparent;
+ }
+ .tl480
+ {
+ margin-left: -670px;
+ border-left: 480px solid orange;
+ text-indent: -480px;
+ background-color: transparent;
+ }
+ .tl320
+ {
+ margin-left: -480px;
+ border-left: 320px solid red;
+ text-indent: -320px;
+ background-color: transparent;
+ }
+ </style>
+ </head>
+ <body>
+ <h1 th:text="${title}">TESTLAB-TEMPLATE</h1>
+ <div class="testlab tl970">970px
+ <div class="testlab tl670">670px
+ <div class="testlab tl480">480px
+ <div class="testlab tl320">320px
+ <strong layout:fragment="content">CONTENT</strong>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>