JSFiddle - React, Tailwind, and code Playground

HTML

<DIV ID="cnavbar">
			<UL ID="navbar">
				<LI><A HREF="index.htm">HTML</A></LI>
				<LI><A HREF="css_index.htm">CSS</A></LI>
				<LI><A HREF="samples_index.htm">Примеры</A></LI>
				<LI><A HREF="about.htm">О разработчиках</A></LI>
			</UL>
		</DIV>
    
    <DIV ID="cmain">	
			<P>Приветствуем на нашем Web-сайте всех, кто занимается Web-дизайном! Здесь вы сможете найти информацию обо всех интернет технологиях, применяемых при создании Web-страниц. А именно, о языках <DFN>HTML</DFN> и <DFN>CSS</DFN>.</P>
			<HR>
			<P>Русская Википедия определяет термин HTML так:</P>
			<BLOCKQUOTE>
				<P>HTML (от англ. HyperText Markup Language - язык разметки гипертекста) - стандартный язык разметки документов во Всемирной паутине.<A HREF="http:ru.wikipedia.org/wiki/HTML" TARGET="_blank">вся статья<A></P>
			</BLOCKQUOTE>
			<P>Пожалуй, ни убавить, ни прибавить...</P>
			<HR>
			<TABLE>
				<CAPTION>Список версий HTML:</CAPTION>
					<THEAD>
						<TR>
							<TH>Версия HTML</TH>
							<TH>Год выхода</TH>
							<TH>Особенности</TH>
						</TR>
					</THEAD>
					<TBODY>
						<TR>
							<TD>1.0</TD>
							<TD>1992</TD>
							<TD>Официально не была стандартизирована</TD>
						</TR>
						<TR>
							<TD>2.0</TD>
							<TD>1995</TD>
							<TD>Первая стандартизированная версия</TD>
						</TR>
						<TR>
							<TD>3.2</TD>
							<TD>1997</TD>
							<TD>Поддержка таблиц и графики</TD>
						</TR>
						<TR>
							<TD>4.0</TD>
							<TD>1997</TD>
							<TD>&quot;Очищен&quot; от устаревших тегов</TD>
						</TR>
						<TR>
							<TD>4.01</TD>
							<TD>1999</TD>
							<TD>В основном, исправление ошибок</TD>
						</TR>
						<TR>
							<TD>5.0</TD>
							<TD>?</TD>
							<TD>В разработке</TD>
						</TR>
					</TBODY>
			<TABLE>
			<P>HTML позволяет формировать на Web-странице следующие элементы:</P>
			<UL>
				<LI>абзацы;</LI>
				<LI>заголовки;</LI>
				<LI>цитаты;</LI>
				<LI>списки;</LI>
				<LI>таблицы;</LI>
				<LI><A HREF="tags/t_img.htm">графические...

CSS

BODY {
	color: #3b4043;
	background-color: #f8f8f8;
	font-family: Verdana, Arial, sans-serif
}

P	{
	font-size: 12pt;
	text-align: justify
}

H1, H2, H6 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 1mm;
	text-shadow: #cdd9db 1px 1px;
	text-align: left
}

H1 {
	font-size: 20pt
}

H2 {
	font-size: 18pt
}

H6 {
	font-size: 12pt
}

TABLE {
	font-size: 10pt
}

BLOCKQUOTE P, ADDRESS{
	font-size: 10pt;
	font-style: italic
}

ADDRESS {
	text-align: right
}

UL {
	list-style-type: circle
}

#NAVBAR {
	font-family: Arial, sans-serif;
	font-size: 14pt;
	text-transform: uppercase;
	list-style-type: none
}

#CHEADER {
	width: 100%;
	background-color: blue
}

#CNAVBAR {
	width: 300px;
	height: 620px;
	float: left;
	background-color: yellow
}

#CMAIN {
	width: 1585px;
	float: left;
	height: 620px;
	overflow: auto;
	background-color: green
}

#CCOPYRIGHT {
	width: 100%;
	clear: bouth;
	background-color: red
}