Zum Hauptinhalt springen
Heimspiel: Fr 02.09. 00:00 Uhr vs Trier Tickets kaufen
Heimspiel: Sa 10.09. 00:00 Uhr vs Bonn Tickets kaufen

Testing of margins

As default for T3Basic, each paragraph or image has a margin half of the line height. Before every headline, there's a margin equal to line height, except the first headline.

CE Text

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

Second text element, without headline.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

CE Text with Image

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

CE Text with Image, with much text

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

CE Text with Image, image in 2 columns

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

CE Text with Image, image above

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

CE Text with Image, image below

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

2 column grid

Text Column

Sed lacus urna; fringilla a porta in, pretium sit amet sapien. Praesent quis lorem lectus, et malesuada quam. Etiam ullamcorper lorem eu orci varius eu pretium lectus cursus. Vestibulum a tellus metus. Nulla sit amet purus lectus, sed tempor augue. Aenean sed egestas diam. Duis placerat vulputate lacus, non cursus odio rhoncus ac! Fusce rhoncus neque et ante auctor ornare. Duis commodo, purus a vestibulum hendrerit, neque mi convallis velit, quis commodo velit odio vel risus. Nulla facilisi. Maecenas a ipsum leo. Pellentesque porttitor porta eleifend.

Text Column

Sed lacus urna; fringilla a porta in, pretium sit amet sapien. Praesent quis lorem lectus, et malesuada quam. Etiam ullamcorper lorem eu orci varius eu pretium lectus cursus. Vestibulum a tellus metus. Nulla sit amet purus lectus, sed tempor augue. Aenean sed egestas diam. Duis placerat vulputate lacus, non cursus odio rhoncus ac! Fusce rhoncus neque et ante auctor ornare. Duis commodo, purus a vestibulum hendrerit, neque mi convallis velit, quis commodo velit odio vel risus. Nulla facilisi. Maecenas a ipsum leo. Pellentesque porttitor porta eleifend.

Image Column

Image Column

2 column grid, equal height

Column 1

Sed lacus urna; fringilla a porta in, pretium sit amet sapien. Praesent quis lorem lectus, et malesuada quam. Etiam ullamcorper lorem eu orci varius eu pretium lectus cursus. Vestibulum a tellus metus. Nulla sit amet purus lectus, sed tempor augue.

Column 2

Sed lacus urna; fringilla a porta in, pretium sit amet sapien. Praesent quis lorem lectus, et malesuada quam. Etiam ullamcorper lorem eu orci varius eu pretium lectus cursus. Vestibulum a tellus metus. Nulla sit amet purus lectus, sed tempor augue. Aenean sed egestas diam. Duis placerat vulputate lacus, non cursus odio rhoncus ac! Fusce rhoncus neque et ante auctor ornare. Duis commodo, purus a vestibulum hendrerit, neque mi convallis velit, quis commodo velit odio vel risus. Nulla facilisi. Maecenas a ipsum leo. Pellentesque porttitor porta eleifend.

CE after grid

Sed lacus urna; fringilla a porta in, pretium sit amet sapien. Praesent quis lorem lectus, et malesuada quam. Etiam ullamcorper lorem eu orci varius eu pretium lectus cursus. Vestibulum a tellus metus. Nulla sit amet purus lectus, sed tempor augue. Aenean sed egestas diam. Duis placerat vulputate lacus, non cursus odio rhoncus ac! Fusce rhoncus neque et ante auctor ornare. Duis commodo, purus a vestibulum hendrerit, neque mi convallis velit, quis commodo velit odio vel risus. Nulla facilisi. Maecenas a ipsum leo. Pellentesque porttitor porta eleifend.

CE Text, frame "box"

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

2 column grid

Text Column, frame "box"

Sed lacus urna; fringilla a porta in, pretium sit amet sapien. Praesent quis lorem lectus, et malesuada quam. Etiam ullamcorper lorem eu orci varius eu pretium lectus cursus. Vestibulum a tellus metus. Nulla sit amet purus lectus, sed tempor augue. Aenean sed egestas diam. Duis placerat vulputate lacus, non cursus odio rhoncus ac! Fusce rhoncus neque et ante auctor ornare. Duis commodo, purus a vestibulum hendrerit, neque mi convallis velit, quis commodo velit odio vel risus. Nulla facilisi. Maecenas a ipsum leo. Pellentesque porttitor porta eleifend.

Fusce rhoncus neque et ante auctor ornare. Duis commodo, purus a vestibulum hendrerit, neque mi convallis velit, quis commodo velit odio vel risus. Nulla facilisi. Maecenas a ipsum leo. Pellentesque porttitor porta eleifend.

Image Column, frame "box"

CE after grid

Sed lacus urna; fringilla a porta in, pretium sit amet sapien. Praesent quis lorem lectus, et malesuada quam. Etiam ullamcorper lorem eu orci varius eu pretium lectus cursus. Vestibulum a tellus metus. Nulla sit amet purus lectus, sed tempor augue. Aenean sed egestas diam. Duis placerat vulputate lacus, non cursus odio rhoncus ac! Fusce rhoncus neque et ante auctor ornare. Duis commodo, purus a vestibulum hendrerit, neque mi convallis velit, quis commodo velit odio vel risus. Nulla facilisi. Maecenas a ipsum leo. Pellentesque porttitor porta eleifend.

Box

CE Text with Image

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

CE Text with Image, image below

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

CE Text with Image, image in 2 columns

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.