Image on the right

Code

Image on the left

Code

Image centered on the top

Code

Styled Table

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

Code

Unordered List

• 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

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

Code

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

Link insertion

Lorem Ipsum dolorConsetetur 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

Abbreviation extention

Lorem 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

Three Images in a Row

Lorem ipsum dolor 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