Text properties and Font size units
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="TextProprtiesAndFontSizeUnits.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Text Properties</title>
</head>
<body>
<h1>Footballers</h1>
<h2>CR7</h2>
<h3>LEO</h3>
<h4>NEY</h4>
<h5>BENZ</h5>
<h6>kdb</h6>
<p>
Football is the most famous sport around the globe.It is the most played
and watched sport in the world
</p>
<a href="www.google.com">Google</a>
</body>
</html>
CSS
/* TEXT ALIGN */
h1 {
text-align: center;
border: solid;
width: 50%;
font-weight: bold;
text-decoration: underline;
font-size: 50px;
font-family: Arial;
}
h2 {
text-align: left;
font-weight: bold;
text-decoration: overline;
font-size: 4pc;
font-family: 'Trebuchet MS';
}
h3 {
text-align: start;
font-weight: border;
text-decoration: dotted;
font-size: 5pt;
font-family: 'Courier New', Courier, monospace;
}
h4 {
text-align: right;
font-weight: lighter;
text-decoration: line-through;
line-height: 2.5;
}
h5 {
text-align: end;
font-weight: 100;
text-decoration: double;
line-height: 5;
}
/* FOR AN ANCHOR TAG ALWAYS HAS A BLUE LINE UNDERLINED TO IT.
IT CAN BE REMOVED BY USING TEXT-DECORATIOIN*/
a {
text-decoration: none;
line-height: 13;
letter-spacing: 10px;
}
Comments
Post a Comment