Compare commits
No commits in common. 'd697894fa66274bf541bd5ba65862cc9da8a4e85' and '7fca9806a35c7c8fb6f8b9f07698136e419469a5' have entirely different histories.
d697894fa6
...
7fca9806a3
@ -1,30 +0,0 @@ |
|||||||
<!DOCTYPE html> |
|
||||||
<html> |
|
||||||
<head> |
|
||||||
<meta charset="utf-8"/> |
|
||||||
<meta name="viewport" content="width=device-width"/> |
|
||||||
<style> |
|
||||||
#text1 { |
|
||||||
color: red; |
|
||||||
background-color: black; |
|
||||||
} |
|
||||||
|
|
||||||
#text2 { |
|
||||||
color: #ff0000; |
|
||||||
background-color: #000000; |
|
||||||
} |
|
||||||
|
|
||||||
#text3 { |
|
||||||
color: rgb(255, 0, 0); |
|
||||||
background-color: rgb(0, 0, 0); |
|
||||||
} |
|
||||||
</style> |
|
||||||
</head> |
|
||||||
<body> |
|
||||||
<h2 id="text1">Color Name: red</h2> |
|
||||||
<hr> |
|
||||||
<h2 id="text2">Hex(#): #ff0000</h2> |
|
||||||
<hr> |
|
||||||
<h2 id="text3">RGB: rgb(255, 0, 0)</h3> |
|
||||||
</body> |
|
||||||
</html> |
|
@ -1,35 +0,0 @@ |
|||||||
<!DOCTYPE html> |
|
||||||
<html> |
|
||||||
<head> |
|
||||||
<meta charset="utf-8"/> |
|
||||||
<meta name="viewport" content="width=device-width"/> |
|
||||||
<style> |
|
||||||
h1 { |
|
||||||
font-family: "Times New Roman"; |
|
||||||
color: blue; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
|
|
||||||
.text1 { |
|
||||||
font-style: italic; |
|
||||||
} |
|
||||||
|
|
||||||
.text2 { |
|
||||||
font-weight: bold; |
|
||||||
font-size: 20px; |
|
||||||
} |
|
||||||
|
|
||||||
.text3 { |
|
||||||
text-align: right; |
|
||||||
font-size: 2em; |
|
||||||
} |
|
||||||
</style> |
|
||||||
</head> |
|
||||||
<body> |
|
||||||
<h1>Times New Roman</h1> |
|
||||||
<hr> |
|
||||||
<p class="text1">Italic Text</p> |
|
||||||
<p class="text2">Bold 20px Text</p> |
|
||||||
<p class="text3">2em Right Align Text</p> |
|
||||||
</body> |
|
||||||
</html> |
|
@ -1,38 +0,0 @@ |
|||||||
<!DOCTYPE html> |
|
||||||
<html> |
|
||||||
<head> |
|
||||||
<meta charset="utf-8"/> |
|
||||||
<meta name="viewport" content="width=device-width"/> |
|
||||||
<style> |
|
||||||
h2 { |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
|
|
||||||
.img-middle { |
|
||||||
vertical-align: middle; |
|
||||||
margin: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
.img-top { |
|
||||||
vertical-align: top; |
|
||||||
margin: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
.img-bottom { |
|
||||||
vertical-align: bottom; |
|
||||||
margin: 10px; |
|
||||||
} |
|
||||||
</style> |
|
||||||
</head> |
|
||||||
<body> |
|
||||||
<h2>CSS text-image align</h2> |
|
||||||
vertical-align:top |
|
||||||
<img class="img-top" src="https://cdn3.iconfinder.com/data/icons/logos-brands-3/24/logo_brand_brands_logos_total_commander-256.png"> |
|
||||||
<hr> |
|
||||||
vertical-align:middle |
|
||||||
<img class="img-middle" src="https://cdn3.iconfinder.com/data/icons/logos-brands-3/24/logo_brand_brands_logos_total_commander-256.png"> |
|
||||||
<hr> |
|
||||||
vertical-align:bottom |
|
||||||
<img class="img-bottom" src="https://cdn3.iconfinder.com/data/icons/logos-brands-3/24/logo_brand_brands_logos_total_commander-256.png"> |
|
||||||
</body> |
|
||||||
</html> |
|
Loading…
Reference in new issue