included fonts
This commit is contained in:
parent
eb84399668
commit
037c5b7e19
|
@ -0,0 +1,21 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset='utf-8'>
|
||||||
|
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
||||||
|
<title>HTML Tips and Tricks - Details Tag</title>
|
||||||
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
||||||
|
<link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="demo">
|
||||||
|
<h2> Shoppping List(Content Editable) </h2>
|
||||||
|
<ul class="content-editable" contenteditable="true">
|
||||||
|
<li> 1. Milk </li>
|
||||||
|
<li> 2. Bread </li>
|
||||||
|
<li> 3. Honey </li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</body>
|
|
@ -5,6 +5,7 @@
|
||||||
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
||||||
<title>HTML Tips and Tricks</title>
|
<title>HTML Tips and Tricks</title>
|
||||||
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
|
||||||
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
|
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
@ -19,6 +20,10 @@
|
||||||
<a href='./inputs/index.html'>
|
<a href='./inputs/index.html'>
|
||||||
Inputs</a> - Various useful tips
|
Inputs</a> - Various useful tips
|
||||||
</li>
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href='./content-editable/index.html'>
|
||||||
|
Content Editable</a> - Make the content Editable
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
15
main.css
15
main.css
|
@ -1,6 +1,7 @@
|
||||||
body {
|
body {
|
||||||
background-color: #000000;
|
background-color: #000000;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
font-family: 'Chilanka', cursive;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -19,6 +20,10 @@ td {
|
||||||
border-bottom: 1px solid #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
.demo {
|
.demo {
|
||||||
margin: 30px auto 30px auto;
|
margin: 30px auto 30px auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -26,3 +31,13 @@ td {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.demo .list li{
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo .content-editable {
|
||||||
|
border: 1px solid;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue