- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Rotating the text in blocks</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<article>
<h1>Collinear Vectors</h1>
<p>A divergent series generates a collinear Cauchy’s criterion for convergence, which is something that even grammar school students know. It has not been proven that the Taylor series specifies an abstract vector, thereby clearly proving all of the nonsense laid out above.</p>
<p>The Gauss-Ostrogradsky Theorem neutralizes the axiomatic double integral, which is not surprising. Without going into details, we can say that the irrational number directly orders the aspiring triple integral, which is what we were asked to prove. It is easy to verify that Fermat’s theorem is able to shed light on the complex graph of a function. We will leave the further calculations for students to complete as a simple homework assignment.</p>
</article>
</body>
</html>
CSS
body {
margin: 0;
padding: 0;
background-color: #f5f5f5;
font-family: "Arial Narrow", "Arial", sans-serif;
}
article {
position: relative;
max-width: 400px;
margin: 50px auto;
padding: 1px 20px;
line-height: 1.5;
background-color: white;
box-shadow: 0 0 3px #cccccc;
}
h1 {
margin: 0.7em 0;
}
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
Goalscompleted
0
- For
h1, assign absolute positioning and the coordinatestop—10pxandleft—0. - Then assign
articlea solid border on the left (border-left) that is40pxthick and has the color#7fdbff. - For
h1, settransform-originto the value0 0, and rotate it90°clockwise.
Comments