"Dé grootste en gratis computerhelpdesk van Nederland"
<html>
<head>
<style>
p.ex1 {
border: 1px solid black;
outline-style: solid;
outline-color: red;
}
.grid-container {
display: grid;
grid-template-columns: auto auto auto auto;
grid-gap: 50px;
background-color: #2196F3;
padding: 10px;
}
.grid-container > div {
background-color: rgba(255, 255, 255, 0.8);
text-align: center;
padding: 20px 0;
font-size: 30px;
}
table, td, th {
border: 1px solid black;
}
table {
border-collapse: collapse;
width: 100%;
}
th {
text-align: left;
}
</style>
<title>(Type a title for your page here)</title>
</head>
<body>
<p style="background: blue; color: blue;Font-family:arial; background-color: red;font-weight: bold; text-align:center;">1. Onthoud dat grote liefde en groot succes, grote risico's met zich brengen.</p>
<p style="background: blue; color: purple;font-size: 6"> Wanneer je verliest, verlies dan niet tegelijkertijd de les die je ervan hebt geleerd.</caption></p>
<div class="grid-container"><div class="item1">3 Heb respect voor jezelf, respect voor anderen en neem verantwoordelijkheid voor je daden. </div></div><br>
<tr><th align="right"></th> 4. Onthoud dat niet krijgen wat je wilt soms het beste is wat je kon overkomen.</th></tr>
<p class="ex1">5. Ken de regels tot in extenso, zodat je weet hoe je ze het beste kunt overtreden.</p><br> <br>
6. Laat een kleine onenigheid niet een mooie vriendschap verpesten.<br> </p>
<p style="color: silver-size: 50px;">7. Wanneer je beseft dat je een fout hebt gemaakt, neem dan onmiddellijk actie om die te herstellen.<br> </p>
<p style="color: gray; font-size: 60px;">8. Neem elke dag tijd voor jezelf.<br> </p>
<p style="color: red; font-size: 70px;">9. Sta open voor verandering, maar raak je normen en waarden niet kwijt </p>
<div style="background-color:blue;color:white;padding:2%;">10. Onthoud dat zwijgen soms het beste antwoord is.</div>
<div style="background-color:purple;color;white;padding:5%;">11. Leid een zodanig waardig leven dat wanneer je oud bent en terugkijkt je er opnieuw van kunt genieten.</div><br>
<b>12. Een liefdesvolle sfeer in je huis legt de basis voor je leven</b><br>
<u>13. Beperk je in meningsverschillen met geliefden tot het heden : Rakel het verleden nimmer op.</u><br>
<i>14. Laat mensen delen in je wijsheid. <br> Het is dé manier om onsterfelijk te worden.</i><br>
<font face="cursive">15. Behandel de aarde goed</font><br>
<font face="arial"color="blue">16. Gá één keer per jaar ergens heen waar je nog nooit bent geweest.</font><br>
<font face="helvetica">17. Onthoud dat in de beste relatie je meer van elkaar houdt <br>
dan dat je elkaar nódig hebt.<br>
<font face="fantasy">18. Meet de grootte van je succes af aan wat je ervoor hebt moeten opgeven.</font><br>
<font size="5" color="green">19. Benader de liefde en het koken met roekeloze uitbundigheid.</font><br>
<font size="20" color="green">20. Ga lief met elkaar om.</font><br>
</body>
</html><html>
<head>
<style>
p.ex1 {
border: 1px solid black;
outline-style: solid;
outline-color: red;
}
.grid-container {
display: grid;
grid-template-columns: auto auto auto auto;
grid-gap: 50px;
background-color: #2196F3;
padding: 10px;
}
.grid-container > div {
background-color: rgba(255, 255, 255, 0.8);
text-align: center;
padding: 20px 0;
font-size: 30px;
}
table, td, th {
border: 1px solid black;
}
table {
border-collapse: collapse;
width: 100%;
}
th {
text-align: left;
}
</style>
<title>(Type a title for your page here)</title>
</head>
<body>
<p style="background: blue; color: blue;Font-family:arial; background-color: red;font-weight: bold; text-align:center;">1. Onthoud dat grote liefde en groot succes, grote risico's met zich brengen.</p>
<p style="background: blue; color: purple;font-size: 6"> Wanneer je verliest, verlies dan niet tegelijkertijd de les die je ervan hebt geleerd.</caption></p>
<div class="grid-container"><div class="item1">3 Heb respect voor jezelf, respect voor anderen en neem verantwoordelijkheid voor je daden. </div></div><br>
<p><span STYLE="margin-left: 70px">4. Onthoud dat niet krijgen wat je wilt soms het beste is wat je kon overkomen.</p>
<p class="ex1">5. Ken de regels tot in extenso, zodat je weet hoe je ze het beste kunt overtreden.</p><br> <br>
<h2 STYLE="background: #000080; color: green; line-height: 50px; font-size: 40px">6. Laat een kleine onenigheid niet een mooie vriendschap verpesten.<br> </h2>
<p style="margin-left">7. Wanneer je beseft dat je een fout hebt gemaakt, neem dan onmiddellijk actie om die te herstellen.</p>
<p style="display: block"> 8. Neem elke dag tijd voor jezelf.<br> </p>
<p style="border-bottom-right-radius: 6">9. Sta open voor verandering, maar raak je normen en waarden niet kwijt </p>
<p style="grid-row: auto"></p>10. Onthoud dat zwijgen soms het beste antwoord is.</p>
<div style="background-color:purple;color;white;padding:5%;">11. Leid een zodanig waardig leven dat wanneer je oud bent en terugkijkt je er opnieuw van kunt genieten.</div><br>
<b>12. Een liefdesvolle sfeer in je huis legt de basis voor je leven</b><br>
<u>13. Beperk je in meningsverschillen met geliefden tot het heden : Rakel het verleden nimmer op.</u><br>
<i>14. Laat mensen delen in je wijsheid. <br> Het is dé manier om onsterfelijk te worden.</i><br>
<font face="cursive">15. Behandel de aarde goed</font><br>
<font face="arial"color="blue">16. Gá één keer per jaar ergens heen waar je nog nooit bent geweest.</font><br>
<font face="helvetica">17. Onthoud dat in de beste relatie je meer van elkaar houdt <br>
dan dat je elkaar nódig hebt.<br>
<font face="fantasy">18. Meet de grootte van je succes af aan wat je ervoor hebt moeten opgeven.</font><br>
<font size="5" color="green">19. Benader de liefde en het koken met roekeloze uitbundigheid.</font><br>
<font size="20" color="green">20. Ga lief met elkaar om.</font><br>
</body>
</html>Ik snap je niet??
Okee, succes!
Dit komt in de head
<style>
p.voorbeeld-1 {
width: 65%;
max-width: 900px;
height: 100px;
box-sizing: border-box;
marging-left: 10px;
padding: 20px;
background-color: yellow;
color: blue;
border-top-width: 4px;
border-bottom-width: 10px;
border-color: red;
border-radius: 30px;
border-style: dotted;
cursor: help;
font-family: verdana, sans-serif;
font-size: 24px;
line-height: 1.5;
font-weight: bold;
text-decoration: underline;
text-align: center;
text-shadow: 2px 2px red;
}
</style>
en dit in de body
<p class="voorbeeld-1">Dit is wat tekst</p>
