-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
b888de9
commit e376842
Showing
3 changed files
with
252 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,50 @@ | ||
<!DOCTYPE html> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. 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> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | ||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | ||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | ||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p> | ||
<p>This is some text. | ||
This is some text. | ||
This is some text. | ||
This is some text. | ||
This is some text. | ||
This is some text. | ||
This is some text. | ||
This is some text. | ||
This is some text. | ||
This is some text. | ||
This is some text. | ||
This is some text. | ||
<span style="float:left;height:500px;width:100px;background-color:pink;"></span> | ||
tempor incididunt<span style="float:left;clear:left;height:200px;width:100px;background-color:yellow;"></span> ut labore et dolore magna aliqua. Ut enim ad minim veniam, | ||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | ||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse</p> | ||
<p> | ||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | ||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | ||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
</p> | ||
<p> | ||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | ||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | ||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | ||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | ||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | ||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | ||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
</p><p>cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | ||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | ||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
154 changes: 154 additions & 0 deletions
154
lots-of-text-with-centered-video-multiple-paragraphs.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,154 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<link rel='stylesheet' type='text/css' href='paste-template.css'> | ||
<style> | ||
video { | ||
position: absolute; | ||
left: 50%; | ||
margin-left: -150px; | ||
} | ||
|
||
#l, #r { | ||
width: 49%; | ||
} | ||
|
||
#l { | ||
float: left; | ||
} | ||
|
||
#r { | ||
float: right; | ||
} | ||
|
||
#l::before, #r::before { | ||
content: ""; | ||
width: 150px; | ||
height: 150px; | ||
} | ||
|
||
#l::before { | ||
float: right; | ||
height: 400px; | ||
} | ||
|
||
#r::before { | ||
float: left; | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<div> | ||
<div>The above words, written by one of the greatest philosophers of olden time, have often impressed | ||
me, and I have frequently quoted them when asked why I did not write an account of the interesting travels | ||
and adventures I have had in my life. It has therefore required a great deal of courage to take up my | ||
pen and record a few recollections of South Africa. I felt that, were they ever to be written at all, | ||
it must be before the rapidly passing years diminish the interest in that land, which in the past has | ||
been the object of such engrossing attention; and that at the present time, when the impending Federation | ||
of South Africa has at length crowned the hopes of those patriots who have laboured patiently and hopefully | ||
to bring about this great result, it might be appropriate to recall those days when Englishmen, who had | ||
made South Africa their home, had much to contend with, even before the fierce struggle to keep "the flag | ||
flying" in the years of 1899-1902. During that period, which commenced after the disaster at Majuba Hill, | ||
"equal rights" were a golden dream which only the most optimistic ever hoped to see realized. From then onwards, | ||
as old colonists have so often told me, the Boers brought up the younger generation in the belief that the | ||
"Roinek" was a coward, and in consequence their arrogance in the country districts became wellnigh intolerable, | ||
while at the Cape the Bond party grew so strong it bid fair to elbow out the English altogether. Now, while | ||
the country is still young, the fair prospect opens out of Briton and Boer living in amity and peace | ||
together, and mutually supplying, in the government of their vast inheritance, such elements as are wanting | ||
in the character of each.</div> | ||
<video controls><source src='foo.mp4' type='video/mp4'></video> | ||
<div id='l'><p>The above words, written by one of the greatest philosophers of olden time, have often impressed | ||
me, and I have frequently quoted them when asked why I did not write an account of the interesting travels | ||
and adventures I have had in my life. It has therefore required a great deal of courage to take up my | ||
pen and record a few recollections of South Africa. I felt that, were they ever to be written at all, | ||
it must be before the rapidly passing years diminish the interest in that land, which in the past has | ||
been the object of such engrossing attention; and that at the present time, when the impending Federation | ||
of South Africa has at length crowned the hopes of those patriots who have laboured patiently and hopefully | ||
to bring about this great result, it might be appropriate to recall those days when Englishmen, who had | ||
made South Africa their home, had much to contend with, even before the fierce struggle to keep "the flag | ||
flying" in the years of 1899-1902. During that period, which commenced after the disaster at Majuba Hill, | ||
"equal rights" were a golden dream which only the most optimistic ever hoped to see realized. </p><p>From then onwards, | ||
as old colonists have so often told me, the Boers brought up the younger generation in the belief that the | ||
"Roinek" was a coward, and in consequence their arrogance in the country districts became wellnigh intolerable, | ||
while at the Cape the Bond party grew so strong it bid fair to elbow out the English altogether. </p><p>Now, while | ||
the country is still young, the fair prospect opens out of Briton and Boer living in amity and peace | ||
together, and mutually supplying, in the government of their vast inheritance, such elements as are wanting | ||
in the character of each.</p></div> | ||
<div id='r'> AREA SELECT THIS TOO... The above words, written by one of the greatest philosophers of olden time, have often impressed | ||
me, and I have frequently quoted them when asked why I did not write an account of the interesting travels | ||
and adventures I have had in my life. It has therefore required a great deal of courage to take up my | ||
pen and record a few recollections of South Africa. I felt that, were they ever to be written at all, | ||
it must be before the rapidly passing years diminish the interest in that land, which in the past has | ||
been the object of such engrossing attention; and that at the present time, when the impending Federation | ||
of South Africa has at length crowned the hopes of those patriots who have laboured patiently and hopefully | ||
to bring about this great result, it might be appropriate to recall those days when Englishmen, who had | ||
made South Africa their home, had much to contend with, even before the fierce struggle to keep "the flag | ||
flying" in the years of 1899-1902. During that period, which commenced after the disaster at Majuba Hill, | ||
"equal rights" were a golden dream which only the most optimistic ever hoped to see realized. From then onwards, | ||
as old colonists have so often told me, the Boers brought up the younger generation in the belief that the | ||
"Roinek" was a coward, and in consequence their arrogance in the country districts became wellnigh intolerable, | ||
while at the Cape the Bond party grew so strong it bid fair to elbow out the English altogether. Now, while | ||
the country is still young, the fair prospect opens out of Briton and Boer living in amity and peace | ||
together, and mutually supplying, in the government of their vast inheritance, such elements as are wanting | ||
in the character of each.</div> | ||
</div> | ||
<br/> | ||
<br/> | ||
<br/> | ||
<br/> | ||
|
||
|
||
|
||
|
||
<div id ="container" style="contain:strict; width:1119px; height: 518px;"> | ||
<div style="display:grid;grid-template-rows:379px;grid-template-columns: 569px;"> | ||
|
||
<p style="grid-row:1; grid-column:1;width:546px;height:347px;"> | ||
<span style="float:right;width:150px;height:368px; background-color:pink;"></span> | ||
|
||
The above words, written by one of the greatest philosophers of olden time, have often impressed | ||
me, and I have frequently quoted them when asked why I did not write an account of the interesting travels | ||
and adventures I have had in my life. It has therefore required a great deal of courage to take up my | ||
pen and record a few recollections of South Africa. I felt that, were they ever to be written at all, | ||
it must be before the rapidly passing years diminish the interest in that land, which in the past has | ||
been the object of such engrossing attention; and that at the present time, when the impending Federation | ||
of South Africa has at length crowned the hopes of those patriots who have laboured patiently and hopefully | ||
to bring about this great result, it might be appropriate to recall those days when Englishmen, who had | ||
made South Africa their home, had much to contend with, even before the fierce struggle to keep "the flag | ||
flying" in the years of 1899-1902. During that period, which commenced after the disaster at Majuba Hill, | ||
"equal rights" were a golden dream which only the most optimistic ever hoped to see realized. </p> | ||
|
||
<p style="grid-row:2;grid-column:1;width:546px;height:91px;"><span style="float:right;width:150px;height:16px; background-color:pink;"></span>From then onwards, | ||
as old colonists have so often told me, the Boers brought up the younger generation in the belief that the | ||
"Roinek" was a coward, and in consequence their arrogance in the country districts became wellnigh intolerable, | ||
while at the Cape the Bond party grew so strong it bid fair to elbow out the English altogether. </p> | ||
|
||
<div style="grid-row:1; grid-column:2; height:518px;width:546px;"><div style="float:left;width:150px;height:150px;"></div> AREA SELECT THIS TOO... The above words, written by one of the greatest philosophers of olden time, have often impressed | ||
me, and I have frequently quoted them when asked why I did not write an account of the interesting travels | ||
and adventures I have had in my life. It has therefore required a great deal of courage to take up my | ||
pen and record a few recollections of South Africa. I felt that, were they ever to be written at all, | ||
it must be before the rapidly passing years diminish the interest in that land, which in the past has | ||
been the object of such engrossing attention; and that at the present time, when the impending Federation | ||
of South Africa has at length crowned the hopes of those patriots who have laboured patiently and hopefully | ||
to bring about this great result, it might be appropriate to recall those days when Englishmen, who had | ||
made South Africa their home, had much to contend with, even before the fierce struggle to keep "the flag | ||
flying" in the years of 1899-1902. During that period, which commenced after the disaster at Majuba Hill, | ||
"equal rights" were a golden dream which only the most optimistic ever hoped to see realized. From then onwards, | ||
as old colonists have so often told me, the Boers brought up the younger generation in the belief that the | ||
"Roinek" was a coward, and in consequence their arrogance in the country districts became wellnigh intolerable, | ||
while at the Cape the Bond party grew so strong it bid fair to elbow out the English altogether. Now, while | ||
the country is still young, the fair prospect opens out of Briton and Boer living in amity and peace | ||
together, and mutually supplying, in the government of their vast inheritance, such elements as are wanting | ||
in the character of each.</div> | ||
</div> | ||
</div> | ||
<script> | ||
function getPasteHTML() { | ||
let div = document.createElement('div'); | ||
div.innerHTML = `` | ||
return div.firstChild; | ||
} | ||
</script> | ||
<script src='paste-template.js'></script> | ||
</body> | ||
</html> |
Oops, something went wrong.