<!-- <!DOCTYPE html> -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
section,
header,
div,
nav,
main,
footer {
background-color: black;
margin: auto;
height: 200px;
width: 200px;
border-radius: 50%;
}
</style>
</head>
<body>
<!-- <section></section>
<div>
</div>
<header></header>
<nav></nav>
<main></main>
<footer></footer> -->
<table cellpadding="20" cellspacing="0" align="center" width="400"
style="border-radius: 15px;border-width: 2px;border-style: solid; border-color: tomato; overflow: hidden; ">
<tr>
<td colspan="4" align="right" style="background-color: gray;color: white;">
0
</td>
</tr>
<tr>
<td>+</td>
<td>-</td>
<td>*</td>
<td>/</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td rowspan="4" style="background-color: pink;">=</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>0</td>
<td>.</td>
<td>C</td>
</tr>
</table>
<br>
<hr style="width: 400px; margin: auto; background-color: darkblue;height: 3px;">
<br>
<p
style="height: 50px;width: 500px; background-color: brown; color: black ;margin: auto; padding: 20px; overflow: scroll;">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem aspernatur totam sunt labore non quam autem
aperiam, doloribus vitae molestiae rerum, ex neque minus facilis accusantium vel quod itaque soluta.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda temporibus explicabo, deleniti ratione quidem
nihil deserunt! Similique, repudiandae impedit. Reiciendis libero placeat esse, tenetur iusto debitis qui itaque
nulla impedit.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta necessitatibus consequuntur ipsa consectetur a
reprehenderit magni placeat quidem eum? Illum minima ipsa asperiores illo fuga nemo facilis culpa voluptatum
nisi! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex similique totam dicta? Itaque, temporibus
iure! Quo animi esse dolorum culpa reprehenderit, perspiciatis ratione. Doloribus labore cum, ut incidunt veniam
magni!
</p>
</body>
</html>
Comments
Post a Comment