Difference between revisions of "Team:Marburg/test"

(Created page with "{{Marburg}} {{Marburg/footer}}")
 
Line 1: Line 1:
 
{{Marburg}}
 
{{Marburg}}
 +
<style>
 +
code {
 +
display: inline-block;
 +
background-color:rgb(50,50,50);
 +
border-radius: 3px;
 +
color:rgb(200,200,200);
 +
padding:15px;
 +
font-weight:normal;
 +
font-size: 1.0em;
 +
}
 +
code pre {
 +
-moz-tab-size: 4;
 +
border: unset;
 +
background-color: unset;
 +
color: white;
 +
tab-size: 4px;
 +
}
 +
</style>
 +
<div class="titleBackground"></div>
 +
<div class="title">Project</div>
 +
<div class="content">
 +
<article>
 +
 +
<h1>Image on the right</h1>
 +
<hr>
 +
<img style="float:right;width:400px;" src="img/placeholder/1.svg">
 +
Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.  At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
 +
<p>
 +
</p><h3>Code</h3>
 +
<code>&lt;img style="float:right; width:400px;" src="img/placeholder/1.svg"&gt;</code>
 +
<p>
 +
<br>
 +
</p><div class="skipTarget" skipname="Left Image"></div>
 +
<h1>Image on the left</h1>
 +
<hr>
 +
<img style="float:left;width:400px;" src="img/placeholder/1.svg">
 +
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <dfn data-info="Lorem ipsum dolor">Lorem</dfn> ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
 +
<p>
 +
</p><h3>Code</h3>
 +
<code>&lt;img style="float:left; width:400px;" src="img/placeholder/1.svg"&gt;</code>
 +
<p>
 +
<br>
 +
</p><p><br>
 +
</p><div class="skipTarget" skipname="Center Image"></div>
 +
<h1>Image centered on the top</h1>
 +
<hr>
 +
<img style="display:block; margin:0 auto 0 auto; width:400px;" src="img/placeholder/1.svg">
 +
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
 +
<p>
 +
</p><h3>Code</h3>
 +
<code>&lt;img style="display:block; margin:0 auto 0 auto; width:400px;" src="img/placeholder/1.svg"&gt;</code>
 +
<p>
 +
<br>
 +
</p><div class="skipTarget" skipname="Tables"></div>
 +
<h1>Styled Table</h1>
 +
<hr>
 +
<p>
 +
<style>
 +
table {
 +
border-spacing: 0;
 +
border: 1px solid  rgb(220,220,220);
 +
font-size: 0.8em;
 +
border-collapse:collapse;
 +
}
 +
th, td {
 +
border-right: 1px solid rgb(220,220,220);
 +
padding:25px;
 +
}
 +
th{
 +
border-bottom: 2px solid rgb(200,200,200);
 +
}
 +
tr:nth-child(even){
 +
background-color: rgb(240,240,240);
 +
}
 +
</style>
 +
</p><table>
 +
<tbody><tr>
 +
<th>Veniam</th>
 +
<th>Iriure</th>
 +
<th>Iusto</th>
 +
<th>Duis</th>
 +
<th>Enim</th>
 +
</tr>
 +
<tr>
 +
<td>Luptatum</td>
 +
<td>Blandit</td>
 +
<td>Odio</td>
 +
<td>Magna</td>
 +
<td>Eros</td>
 +
</tr>
 +
<tr>
 +
<td>Aliquyam</td>
 +
<td>Eirmod</td>
 +
<td>Ipsum</td>
 +
<td>Justo</td>
 +
<td>Nonumy</td>
 +
</tr>
 +
<tr>
 +
<td>Lorem</td>
 +
<td>Accusam</td>
 +
<td>Sadipscing</td>
 +
<td>Amet</td>
 +
<td>Consetetur</td>
 +
</tr>
 +
</tbody></table>
 +
 +
<p>
 +
</p><h3>Code</h3>
 +
<code><pre>&lt;style&gt;
 +
table {
 +
border-spacing: 0;
 +
border: 1px solid  rgb(220,220,220);
 +
font-size: 0.8em;
 +
border-collapse:collapse;
 +
}
 +
th, td {
 +
border-right: 1px solid rgb(220,220,220);
 +
padding:25px;
 +
}
 +
th{
 +
border-bottom: 2px solid rgb(200,200,200);
 +
}
 +
tr:nth-child(even){
 +
background-color: rgb(240,240,240);
 +
}
 +
&lt;/style&gt;
 +
&lt;table&gt;
 +
&lt;tr&gt;
 +
&lt;th&gt;Veniam&lt;/th&gt;
 +
&lt;th&gt;Iriure&lt;/th&gt;
 +
&lt;th&gt;Iusto&lt;/th&gt;
 +
&lt;th&gt;Duis&lt;/th&gt;
 +
&lt;th&gt;Enim&lt;/th&gt;
 +
&lt;/tr&gt;
 +
&lt;tr&gt;
 +
&lt;td&gt;Luptatum&lt;/td&gt;
 +
&lt;td&gt;Blandit&lt;/td&gt;
 +
&lt;td&gt;Odio&lt;/td&gt;
 +
&lt;td&gt;Magna&lt;/td&gt;
 +
&lt;td&gt;Eros&lt;/td&gt;
 +
&lt;/tr&gt;
 +
&lt;tr&gt;
 +
&lt;td&gt;Aliquyam&lt;/td&gt;
 +
&lt;td&gt;Eirmod&lt;/td&gt;
 +
&lt;td&gt;Ipsum&lt;/td&gt;
 +
&lt;td&gt;Justo&lt;/td&gt;
 +
&lt;td&gt;Nonumy&lt;/td&gt;
 +
&lt;/tr&gt;
 +
&lt;tr&gt;
 +
&lt;td&gt;Lorem&lt;/td&gt;
 +
&lt;td&gt;Accusam&lt;/td&gt;
 +
&lt;td&gt;Sadipscing&lt;/td&gt;
 +
&lt;td&gt;Amet&lt;/td&gt;
 +
&lt;td&gt;Consetetur&lt;/td&gt;
 +
&lt;/tr&gt;
 +
&lt;/table&gt;</pre></code>
 +
<p>
 +
<br>
 +
</p><div class="skipTarget" skipname="Center Text"></div>
 +
<h1>Centered Text</h1>
 +
<hr>
 +
<span style="display:block; text-align: center;">
 +
At vero eos et accusam et justo duo dolores et ea rebum.<br>
 +
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br>
 +
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<br>
 +
At vero eos et accusam et justo duo dolores et ea rebum.<br>
 +
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br>
 +
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum.<br>
 +
sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur</span>
 +
<p>
 +
</p><h3>Code</h3>
 +
<code>&lt;span style="display:block; text-align: center;"&gt; Text &lt;/span&gt;</code>
 +
<p>
 +
<br>
 +
</p><div class="skipTarget" skipname="Lists"></div>
 +
<h1>Unordered List</h1>
 +
<hr>
 +
<style>
 +
article ul li {
 +
font-size: 0.8em;
 +
padding:5px;
 +
}
 +
</style>
 +
<ul>
 +
<li>Tempor</li>
 +
<li>Stet</li>
 +
<li>Voluptua</li>
 +
<li>Elitr</li>
 +
<li>Ipsum</li>
 +
<li>Lorem</li>
 +
<li>Solores</li>
 +
<li>Kasd</li>
 +
<li>Sea</li>
 +
</ul>
 +
<p>
 +
</p><h3>Code</h3>
 +
<code><pre>&lt;style&gt;
 +
article ul li {
 +
font-size: 0.8em;
 +
padding:5px;
 +
}
 +
&lt;/style&gt;
 +
&lt;ul&gt;
 +
&lt;li&gt;Tempor&lt;/li&gt;
 +
&lt;li&gt;Stet&lt;/li&gt;
 +
&lt;li&gt;Voluptua&lt;/li&gt;
 +
&lt;li&gt;Elitr&lt;/li&gt;
 +
&lt;li&gt;Ipsum&lt;/li&gt;
 +
&lt;li&gt;Lorem&lt;/li&gt;
 +
&lt;li&gt;Solores&lt;/li&gt;
 +
&lt;li&gt;Kasd&lt;/li&gt;
 +
&lt;li&gt;Sea&lt;/li&gt;
 +
&lt;/ul&gt;</pre></code>
 +
<p>
 +
<br>
 +
</p><h1>Ordered List</h1>
 +
<hr>
 +
<style>
 +
article ol li {
 +
font-size: 0.8em;
 +
padding:5px;
 +
}
 +
</style>
 +
<ol>
 +
<li>Tempor</li>
 +
<li>Stet</li>
 +
<li>Voluptua</li>
 +
<li>Elitr</li>
 +
<li>Ipsum</li>
 +
<li>Lorem</li>
 +
<li>Solores</li>
 +
<li>Kasd</li>
 +
<li>Sea</li>
 +
</ol>
 +
<p>
 +
</p><h3>Code</h3>
 +
<code><pre>&lt;style&gt;
 +
article ol li {
 +
font-size: 0.8em;
 +
padding:5px;
 +
}
 +
&lt;/style&gt;
 +
&lt;ol&gt;
 +
&lt;li&gt;Tempor&lt;/li&gt;
 +
&lt;li&gt;Stet&lt;/li&gt;
 +
&lt;li&gt;Voluptua&lt;/li&gt;
 +
&lt;li&gt;Elitr&lt;/li&gt;
 +
&lt;li&gt;Ipsum&lt;/li&gt;
 +
&lt;li&gt;Lorem&lt;/li&gt;
 +
&lt;li&gt;Solores&lt;/li&gt;
 +
&lt;li&gt;Kasd&lt;/li&gt;
 +
&lt;li&gt;Sea&lt;/li&gt;
 +
&lt;/ol&gt;</pre></code>
 +
<p>
 +
<br>
 +
</p><div class="skipTarget" skipname="Content Splitting"></div>
 +
<h1>Splitting Content</h1>
 +
<hr>
 +
<div style="display: inline-block;">
 +
<div style="float:left; max-width: 50%;">
 +
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
 +
<p>
 +
</p></div>
 +
<div style="float:right; max-width: 50%;">
 +
Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.  At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
 +
</div>
 +
</div>
 +
<p>
 +
<br>
 +
</p><h3>Code</h3>
 +
<code><pre>&lt;div style="display: inline-block;"&gt;
 +
&lt;div style="float:left; width: 50%;"&gt;
 +
ContentA
 +
&lt;/div&gt;
 +
&lt;div style="float:left; width: 50%;"&gt;
 +
ContentB
 +
&lt;/div&gt;
 +
&lt;/div&gt;</pre></code>
 +
<p>
 +
<br>
 +
</p>
 +
</article>
 +
</div>
 +
 
{{Marburg/footer}}
 
{{Marburg/footer}}

Revision as of 13:34, 7 October 2018

<style> code { display: inline-block; background-color:rgb(50,50,50); border-radius: 3px; color:rgb(200,200,200); padding:15px; font-weight:normal; font-size: 1.0em; } code pre { -moz-tab-size: 4; border: unset; background-color: unset; color: white; tab-size: 4px; } </style>

Project

<article>

Image on the right

<img style="float:right;width:400px;" src="img/placeholder/1.svg"> Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Code

<img style="float:right; width:400px;" src="img/placeholder/1.svg">


Image on the left

<img style="float:left;width:400px;" src="img/placeholder/1.svg"> At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur

Code

<img style="float:left; width:400px;" src="img/placeholder/1.svg">



Image centered on the top

<img style="display:block; margin:0 auto 0 auto; width:400px;" src="img/placeholder/1.svg"> At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur

Code

<img style="display:block; margin:0 auto 0 auto; width:400px;" src="img/placeholder/1.svg">


Styled Table

<style> table { border-spacing: 0; border: 1px solid rgb(220,220,220); font-size: 0.8em; border-collapse:collapse; } th, td { border-right: 1px solid rgb(220,220,220); padding:25px; } th{ border-bottom: 2px solid rgb(200,200,200); } tr:nth-child(even){ background-color: rgb(240,240,240); } </style>

<tbody> </tbody>
Veniam Iriure Iusto Duis Enim
Luptatum Blandit Odio Magna Eros
Aliquyam Eirmod Ipsum Justo Nonumy
Lorem Accusam Sadipscing Amet Consetetur

Code

<style>
	table {
		border-spacing: 0;
		border: 1px solid  rgb(220,220,220);
		font-size: 0.8em;
		border-collapse:collapse;
	}
	th, td {
		border-right: 1px solid rgb(220,220,220);
		padding:25px;
	}
	th{
		border-bottom: 2px solid rgb(200,200,200);
	}
	tr:nth-child(even){
		background-color: rgb(240,240,240);
	}
	</style>
	<table>
		<tr>
			<th>Veniam</th>
			<th>Iriure</th>
			<th>Iusto</th>
			<th>Duis</th>
			<th>Enim</th>
		</tr>
		<tr>
			<td>Luptatum</td>
			<td>Blandit</td>
			<td>Odio</td>
			<td>Magna</td>
			<td>Eros</td>
		</tr>
		<tr>
			<td>Aliquyam</td>
			<td>Eirmod</td>
			<td>Ipsum</td>
			<td>Justo</td>
			<td>Nonumy</td>
		</tr>
		<tr>
			<td>Lorem</td>
			<td>Accusam</td>
			<td>Sadipscing</td>
			<td>Amet</td>
			<td>Consetetur</td>
		</tr>
	</table>


Centered Text

At vero eos et accusam et justo duo dolores et ea rebum.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum.
sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur

Code

<span style="display:block; text-align: center;"> Text </span>


Unordered List

<style> article ul li { font-size: 0.8em; padding:5px; } </style>

  • Tempor
  • Stet
  • Voluptua
  • Elitr
  • Ipsum
  • Lorem
  • Solores
  • Kasd
  • Sea

Code

<style>
		article ul li {
			font-size: 0.8em;
			padding:5px;
		}
	</style>
	<ul>
		<li>Tempor</li>
		<li>Stet</li>
		<li>Voluptua</li>
		<li>Elitr</li>
		<li>Ipsum</li>
		<li>Lorem</li>
		<li>Solores</li>
		<li>Kasd</li>
		<li>Sea</li>
	</ul>


Ordered List

<style> article ol li { font-size: 0.8em; padding:5px; } </style>

  1. Tempor
  2. Stet
  3. Voluptua
  4. Elitr
  5. Ipsum
  6. Lorem
  7. Solores
  8. Kasd
  9. Sea

Code

<style>
		article ol li {
			font-size: 0.8em;
			padding:5px;
		}
	</style>
	<ol>
		<li>Tempor</li>
		<li>Stet</li>
		<li>Voluptua</li>
		<li>Elitr</li>
		<li>Ipsum</li>
		<li>Lorem</li>
		<li>Solores</li>
		<li>Kasd</li>
		<li>Sea</li>
	</ol>


Splitting Content

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.


Code

<div style="display: inline-block;">
		<div style="float:left; width: 50%;">
			ContentA
		</div>
		<div style="float:left; width: 50%;">
			ContentB
		</div>
	</div>


</article>

B. Marchal