<aside> means to one side; out of the way — and it may be an image, a sidebar, pull-quote, bunch of links or an advertisement. This element could be used in plenty of ways.
Please note that you need to use CSS to move to <aside> element left or right and adjusting its width and other parameters.
Example
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>aside</title>
<style>
body {max-width:300px;}
aside {float:right; max-width:200px;}
</style>
</head>
<body>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<aside> <h1> Green dot movemment </h1></aside>
<p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</body>
</html>
Comments
Post a Comment