-
Notifications
You must be signed in to change notification settings - Fork 0
/
grid-fixup-floater-and-cleared-text.html
69 lines (69 loc) · 3.38 KB
/
grid-fixup-floater-and-cleared-text.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
<video style="float: right; height: 200px; width: 200px; object-fit: fill;" controls>
<source src='dolbycanyon.mp4' type='video/mp4'>
</video>
<div style="clear: right;">
this is all area selected text this is all area selected text this is all area selected text
this is all area selected text this is all area selected text this is all area selected text
this is all area selected text this is all area selected text this is all area selected text
this is all area selected text this is all area selected text this is all area selected text
</div>
<br/>
<br/>
<br/>
<br/>
<div style="contain: strict; height: 326px; width: 328px;">
<div style="display: grid;">
<span>
<video style="float: right; height: 200px; width: 200px; object-fit: fill;" controls>
<source src='dolbycanyon.mp4' type='video/mp4'>
</video>
<div style="clear: right;">
this is all area selected text this is all area selected text this is all area selected text
this is all area selected text this is all area selected text this is all area selected text
this is all area selected text this is all area selected text this is all area selected text
this is all area selected text this is all area selected text this is all area selected text
</div>
</span>
</div>
</div>
<br/>
<br/>
<br/>
<br/>
<div style="contain: strict; height: 326px; width: 328px;">
<div style="display: grid;">
<video style="grid-area: 1 / 2 / span 1 / span 1; height: 200px; width: 200px; object-fit: fill;" controls>
<source src='dolbycanyon.mp4' type='video/mp4'>
</video>
<div style="grid-area: 2 / 1 / span 1 / span 2">
this is all area selected text this is all area selected text this is all area selected text
this is all area selected text this is all area selected text this is all area selected text
this is all area selected text this is all area selected text this is all area selected text
this is all area selected text this is all area selected text this is all area selected text
</div>
</div>
</div>
<br/>
<br/>
<br/>
<br/>
<div style="contain: strict; height: 326px; width: 328px;">
<video style="float: right; height: 200px; width: 200px; object-fit: fill;" controls>
<source src='dolbycanyon.mp4' type='video/mp4'>
</video>
<div style="clear: right;">
this is all area selected text this is all area selected text this is all area selected text
this is all area selected text this is all area selected text this is all area selected text
this is all area selected text this is all area selected text this is all area selected text
this is all area selected text this is all area selected text this is all area selected text
</div>
</div>
</body>
</html>