Genuary2026_HTML
Poems with HTML
Updated
•2 min read
Poetic Entities
Poetic Entities is an electronic literature made only by HTML (28th Prompt of Genuary2026).
Link : https://illestpreacha.codeberg.page/genuary2026/pages/poetic.html
HTML Code
<!DOCTYPE html>
<html>
<head>
<style>
#g {
border: 1px solid;
padding: 20px;
box-shadow: 5px 10px 15px 20px green;
}
#a {
border: 1px solid;
padding: 10px;
box-shadow: 20px 15px 5px 10px aqua;
}
#o {
border: 1px solid;
padding: 10px;
box-shadow: 15px 10px 5px 10px orange;
}
#pb {
border: 1px solid;
padding: 10px;
box-shadow: 5px 5px 5px 10px powderblue;
}
</style>
</head>
<body>
<div id="pb">
<h1>Poetic Entities</h1>
<p>Flowing through the trenches:</p>
</div>
<div id="g">
<h3 style="color: orange;"> <p style="font-size:150px; background-color: yellow;" > <marquee behavior="scroll" direction="left" scrollamount="8"> Strolling Beyond <span style="color: powderblue;"> The Expected </span> <span style="color:blue;">Dimension flow</span> </marquee> </h3></mark>
</div>
<div id="a">
<h2 style="color: orange;"> <p style="font-size:80px;" > <marquee behavior="scroll" direction="left" scrollamount="10"> Dynamic <span style="color: powderblue;">Poetic </span> <span style="color:blue;">flow</span> </marquee> </h2>
</div>
<div id="o">
<h2 style="color: orange;"> <p style="font-size:50px; background-color: powderblue;" > <marquee behavior="scroll" direction="down" scrollamount="2"> Dynamic <span style="color: powderblue;">Poetic </span> <span style="color:blue;">flow</span> </marquee> </h2>
<h2 style="color: orange;"> <p style="font-size:50px;background-color: orange;" > <marquee behavior="scroll" direction="up" scrollamount="2"> Dynamic <span style="color: powderblue;">Poetic </span> <span style="color:blue;">flow</span> </marquee> </h2>
<h2 style="color: orange;"> <p style="font-size:50px;background-color: blue;" > <marquee behavior="scroll" direction="left " scrollamount="20"> Dynamic <span style="color: powderblue;">Poetic </span> <span style="color:blue;">flow</span> </marquee> </h2>
</div>
<div id="pb">
<h3> <marquee behavior="scroll" direction="up" scrollamount="2"> <span style="color:orange;">Dyanmic Upwards </span> <span style="color: powderblue;"> But Poetic </span> <span style="color:blue;">Bottom Placing</span> </marquee> </h3>
</div>
</body>
</html>
