要求されているとおり、<p> ... </p>ステートメントを使用して、<script> ... </script>ステートメントをラップします。これにより、次のHTMLコードが得られます。
`` html
<！doctype html>
<！ -  quackit.comによるテンプレート - >
<html>
<head>
<メタhttp-equiv = "content-type" content = "text/html; charset = utf-8">
<title> 3列レイアウト</title>
<style type = "text/css">

/* レイアウト */
体 {
最小幅：630px;
}

＃容器 {
パディング左：200px;
パディング右：190px;
}

#container .column {
位置：相対;
フロート：左;
}

＃中心 {
パディング：10px 20px;
幅：100％;
}

＃左 {
幅：180px;
パディング：0 10px;
右：240px;
マージン左：-100％;
}

＃右 {
幅：130px;
パディング：0 10px;
マージン右：-100％;
}

#footer {
クリア：両方;
}

/ * ie hack */
* html #left {
左：150px;
}

/ *列を互いに同じ高さにします */
＃容器 {
オーバーフロー：隠し;
}

#container .column {
パディングボトム：1001em;
マージンボトム：-1000EM;
}

/ *フッターの修正 */
* HTMLボディ{
オーバーフロー：隠し;
}

* html＃footer-wrapper {
フロート：左;
位置：相対;
幅：100％;
パディングボトム：10010px;
マージンボトム：-10000px;
背景：#fff;
}

/ *美学 */
体 {
マージン：0;
パディング：0;
フォントファミリー：sans-serif;
Line-Height：1.5em;
}

p {
色：＃555;
}

nav ul {
リストスタイルタイプ：なし;
マージン：0;
パディング：0;
}

nav ul a {
色：darkgreen;
テキスト装置：なし;
}

#Header、#Footer {
フォントサイズ：大;
パディング：0.3em;
背景：＃bcce98;
}

＃左 {
背景：＃dae9bc;
}

＃右 {
背景：＃f7fdeb;
}

＃中心 {
背景：#fff;
}

#container .column {
パディングトップ：1EM;
}

</style>
</head>

<body>

<ヘッダーID = "ヘッダー"> <p>ヘッダー... </p> </header>

<div id = "container">

<main id = "center" class = "column">
<記事>

<h1>見出し</h1>
                <p>
<Script> GenerateText（50）</script>
                </p>

</article>
</main>

<nav id = "left" class = "column">
<h3>左見出し</h3>
<ul>
<li> <a href="#">リンク1 </a> </li>
<li> <a href="#">リンク2 </a> </li>
<li> <a href="#">リンク3 </a> </li>
<li> <a href="#">リンク4 </a> </li>
<li> <a href="#">リンク5 </a> </li>
</ul>
<h3>左見出し</h3>
<ul>
<li> <a href="#">リンク1 </a> </li>
<li> <a href="#">リンク2 </a> </li>
<li> <a href="#">リンク3 </a> </li>
<li> <a href="#">リンク4 </a> </li>
<li> <a href="#">リンク5 </a> </li>
</ul>

</nav>

<div id = "right" class = "column">
<h3>右見出し</h3>
            <p>
<Script> GenerateText（1）</script>
            </p>
</div>

</div>

<div id = "footer-wrapper">
<フッターID = "フッター">フッター... </フッター>
</div>

</body>

</html>
`` `
<script> ... </script>ステートメント内では、「GenerateText」という名前の関数を参照することに注意してください。ただし、この関数を定義することはありません。これは正しいです？
As requested I will wrap any <script>...</script> statements with <p>...</p> statements. This results in the following HTML code:
```html
<!DOCTYPE html>
<!-- Template by quackit.com -->
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>3 Column Layout</title>
	<style type="text/css">

		/* Layout */
		body {
			min-width: 630px;
		}

		#container {
			padding-left: 200px;
			padding-right: 190px;
		}

		#container .column {
			position: relative;
			float: left;
		}

		#center {
			padding: 10px 20px;
			width: 100%;
		}

		#left {
			width: 180px;
			padding: 0 10px;
			right: 240px;
			margin-left: -100%;
		}

		#right {
			width: 130px;
			padding: 0 10px;
			margin-right: -100%;
		}

		#footer {
			clear: both;
		}

		/* IE hack */
		* html #left {
			left: 150px;
		}

		/* Make the columns the same height as each other */
		#container {
			overflow: hidden;
		}

		#container .column {
			padding-bottom: 1001em;
			margin-bottom: -1000em;
		}

		/* Fix for the footer */
		* html body {
			overflow: hidden;
		}

		* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;
			padding-bottom: 10010px;
			margin-bottom: -10000px;
			background: #fff;
		}

		/* Aesthetics */
		body {
			margin: 0;
			padding: 0;
			font-family:Sans-serif;
			line-height: 1.5em;
		}

		p {
			color: #555;
		}

		nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

		nav ul a {
			color: darkgreen;
			text-decoration: none;
		}

		#header, #footer {
			font-size: large;
			padding: 0.3em;
			background: #BCCE98;
		}

		#left {
			background: #DAE9BC;
		}

		#right {
			background: #F7FDEB;
		}

		#center {
			background: #fff;
		}

		#container .column {
			padding-top: 1em;
		}

	</style>
</head>

<body>

	<header id="header"><p>Header...</p></header>

	<div id="container">

		<main id="center" class="column">
			<article>

				<h1>Heading</h1>
                <p>
				    <script>generateText(50)</script>
                </p>

			</article>
		</main>

		<nav id="left" class="column">
			<h3>Left heading</h3>
			<ul>
				<li><a href="#">Link 1</a></li>
				<li><a href="#">Link 2</a></li>
				<li><a href="#">Link 3</a></li>
				<li><a href="#">Link 4</a></li>
				<li><a href="#">Link 5</a></li>
			</ul>
			<h3>Left heading</h3>
			<ul>
				<li><a href="#">Link 1</a></li>
				<li><a href="#">Link 2</a></li>
				<li><a href="#">Link 3</a></li>
				<li><a href="#">Link 4</a></li>
				<li><a href="#">Link 5</a></li>
			</ul>

		</nav>

		<div id="right" class="column">
			<h3>Right heading</h3>
            <p>
			    <script>generateText(1)</script>
            </p>
		</div>

	</div>

	<div id="footer-wrapper">
		<footer id="footer">Footer...</footer>
	</div>

</body>

</html>
```
I would like to note that inside your <script>...</script> statements, you refer to a function named `generateText`. However, you never define this function. Is this correct?