78 changed files with
124 additions and
80 deletions
|
|
|
@ -1 +1,2 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
a<br style="position:absolute;">b
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
.a {
|
|
|
|
|
float: left;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
.clearfix {
|
|
|
|
|
clear: both;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
.ib {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<button>
|
|
|
|
|
<img
|
|
|
|
|
src="data:image/jpeg;base64,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">
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
.border-black {
|
|
|
|
|
border: 10px solid black;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
.ib {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
@ -1 +1,2 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<button>A B C</button>
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
button {
|
|
|
|
|
font-size: 48px;
|
|
|
|
|
|
|
|
@ -1 +1,2 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<button>Test</button>
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
.left {
|
|
|
|
|
float: left;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
.clearfix {
|
|
|
|
|
clear: both;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
font-family: 'SerenitySans';
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
width: 780px;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
* {
|
|
|
|
|
font: 20px SerenitySans;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
* {
|
|
|
|
|
font: 20px SerenitySans;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
.display_flex {
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
div {
|
|
|
|
|
float: left;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<div style="height: 50px; width: 50px; background-color: blue; float: left"></div>
|
|
|
|
|
<p>A<br>B<br>C
|
|
|
|
|
</p><div style="height: 50px; width: 50px; background-color: green; float: left"></div>
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
width: 200px;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<pre style="border: 1px solid black">
|
|
|
|
|
<span> </span>
|
|
|
|
|
</pre>
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE quirks>
|
|
|
|
|
<style>
|
|
|
|
|
* {
|
|
|
|
|
outline: 1px solid black !important;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
* {
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
* {
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
font-family: 'SerenitySans';
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
font-family: 'SerenitySans';
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
font-family: 'SerenitySans';
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
font-family: 'SerenitySans';
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
font-family: 'SerenitySans';
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
font-family: 'SerenitySans';
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
font-family: 'SerenitySans';
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
* {
|
|
|
|
|
font-family: 'SerenitySans';
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
div {
|
|
|
|
|
background-color: crimson;
|
|
|
|
@ -6,4 +7,7 @@ div {
|
|
|
|
|
body {
|
|
|
|
|
height: 50%;
|
|
|
|
|
}
|
|
|
|
|
html {
|
|
|
|
|
height: 600px;
|
|
|
|
|
}
|
|
|
|
|
</style><div></div>
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE quirks>
|
|
|
|
|
<style>
|
|
|
|
|
div {
|
|
|
|
|
background-color: crimson;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
b, i {
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
b {
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
font-family: 'SerenitySans';
|
|
|
|
|
|
|
|
@ -1,4 +1,5 @@
|
|
|
|
|
<!doctype><style>
|
|
|
|
|
<!doctype html>
|
|
|
|
|
<style>
|
|
|
|
|
* { outline: 1px solid black; }
|
|
|
|
|
div { display: flex; }
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
.container {
|
|
|
|
|
display: grid;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
.container {
|
|
|
|
|
width: 300px;
|
|
|
|
|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<style>
|
|
|
|
|
* {
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|