HOME | PHP Tutorial | CSS
facebook icon
PHP Tutorial

PHP forms
HTML Tutorial

CSS Tutorial

HTML Text Size

HTML Tutorial » HTML Text Size

We can add Text Size as:
Inline - by using the style attribute in HTML elements
Internal - by using a <style> element in the section
External - by using an external CSS file as style.css
In HTML5, configuring web page fonts is using cascading style sheets.
The HTML style attribute has the following syntax:
<tagname style="property:value;">Your HTML Text </tagname>

Adding HTML Text Size using CSS inline - examples

Example 1 HTML Text Size using CSS inline:

<!DOCTYPE html>
<title>HTML Text Size using CSS inline</title>
<h1>HTML Text Size using CSS inline</h1>
<span style="font-size:22px">Here add your HTML Text</span>
<p style="font-size:14px">example - Here add your HTML Text</p>
<p style="font-size:28px">Example - This is my HTML Text</p>

Note: You will learn more about CSS Style under css-tutorial.html in this tutorial.

Adding HTML Text Size using CSS internal - examples

Example 2 HTML Text Size:

<!DOCTYPE html>
<title>Adding HTML Text Size using CSS internal - examples</title> <style>
span {
font-size: 16px;
p {
font-size: 24px;
<h1>Types of adding Adding HTML Text Size using CSS internal - examples</h1>
<span>Example - This is my HTML Text using internal CSS style</span>
<p>example - This is my HTML Text using internal CSS style</p>

For external CSS style just make a file as style.css and replace:
span {
font-size: 24px;
p {
font-size: 14px;

with <link rel="stylesheet" href="style.css" type="text/css"/>

html text size HTML Text Size - html tutorial

2113. HTML Tutorial - Background
A web tutorial about background and background colos and images

3204. HTML form action - radio HTML form - how to create, html tutorial
HTML form action - radio HTML form - how to create html tutorial

2655. Images : GIF & JPG - HTML Tutorial
HTML images - HTML tutorial

2663. Links : Introduction - HTML Tutorial
HTML links - HTML tutorial

3065. HTML Tables
Learn about HTML tables with this HTML tutorial.

2141. HTML Tutorial - Paragraph <p> Tag
Formating a paragraph, syle, atributes

Your add here
PHP print() function

PHP strtolower() function

PHP lcfirst() function

PHP substr() function

PHP define() function

PHP strtoupper() function

PHP explode() function

PHP similar_text() function

PHP strstr() function

PHP isset() Function

PHP printf() function

PHP strrchr() Function

PHP str_repeat() function

PHP strip_tags() function

PHP md5() function

PHP strlen() function

PHP Variables
CSS border radius
CSS Margin, top, bottom, left, righ, auto
CSS Text Size
CSS Button
CSS align content Property - CSS align text - how to create