From 614fd870e47c9f4e76291e5af4e32b676c0acac0 Mon Sep 17 00:00:00 2001
From: MurakamiShinyu <murakami@vivliostyle.org>
Date: Mon, 3 Dec 2018 16:02:47 +0900
Subject: [PATCH] [css-text] Update 'line-break' tests
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

### Fix test file name numbering

The problem was that `line-break-normal-*` and `line-break-strict-*` had diffrent numbering for same ranges, e.g. `line-break-normal-021` and `line-break-strict-014` for same iteration marks. It was confusing, so I changed the numbering for 'normal' to be the same as for 'strict'.

- line-break-normal-021  → line-break-normal-014
- line-break-normal-022  → line-break-normal-015
- line-break-normal-023a → line-break-normal-016a
- line-break-normal-023b → line-break-normal-016b
- line-break-normal-024a → line-break-normal-017a
- line-break-normal-024b → line-break-normal-017b

### Fix tests for Inseparatable characters

The tests for Inseparatable characters `line-break-strict-015` and `line-break-normal-015` (was `line-break-normal-022`) had wrong assertion "does not allow line breaking **before** inseparable characters". This should be "does not allow line breaking **between** inseparable characters".

I changed the tests to test line breaking **between** (not **before**) two inseparable characters.

### Fix tests for Centered punctuation marks

The tests for Centered punctuation marks `line-break-strict-016a` and `line-break-normal-016a` (was `line-break-normal-023a`) contained tests for EAW=Narrow characters (U+003A, U+003B, U+0021, U+003F) that are excluded in the current 'line-break' spec.

### Fix tests for Postfixes

The tests for Postfixes `line-break-strict-017a` and `line-break-normal-017a` (was `line-break-normal-024a`) contained tests for EAW=Narrow characters (U+0025 and U+00A2) that are excluded in the current 'line-break' spec.

### Add tests for Prefixes

Added the tests for line breaking after Prefixes `line-break-*-018`.

### Add 'loose' and 'normal' values tests that were missing

- line-break-loose-011 .. line-break-loose-017b
- line-break-normal-011 .. line-break-normal-013

### Adjust width of the test block

I changed the width of the test block `p.test, p.control {...}` that was `width: 10em` to `width: 10.2em`. This extra (.2em) width is needed to prevent unexpected line breaking caused by some symbol characters wider than 1em.

I found this problem with `line-break-loose-018`. The width of U+2116 "№" is slightly wider than 1em and if the block width is 10em the line breaking occurs before that character, and the test always fails.
---
 .../line-break/line-break-loose-011.xht       |  94 ++++++++++++++++
 .../line-break/line-break-loose-012.xht       |  66 ++++++++++++
 .../line-break/line-break-loose-013.xht       |  81 ++++++++++++++
 .../line-break/line-break-loose-014.xht       |  97 +++++++++++++++++
 .../line-break/line-break-loose-015.xht       |  66 ++++++++++++
 .../line-break/line-break-loose-016a.xht      |  84 +++++++++++++++
 .../line-break/line-break-loose-016b.xht      | 102 ++++++++++++++++++
 .../line-break/line-break-loose-017a.xht      |  84 +++++++++++++++
 .../line-break/line-break-loose-017b.xht      |  75 +++++++++++++
 .../line-break/line-break-loose-018.xht       |  93 ++++++++++++++++
 .../line-break/line-break-normal-011.xht      |  94 ++++++++++++++++
 .../line-break/line-break-normal-012.xht      |  66 ++++++++++++
 .../line-break/line-break-normal-013.xht      |  81 ++++++++++++++
 ...rmal-021.xht => line-break-normal-014.xht} |  11 +-
 ...rmal-022.xht => line-break-normal-015.xht} |  19 ++--
 ...al-023a.xht => line-break-normal-016a.xht} |  45 +-------
 ...al-023b.xht => line-break-normal-016b.xht} |   9 +-
 ...al-024a.xht => line-break-normal-017a.xht} |  27 +----
 ...al-024b.xht => line-break-normal-017b.xht} |   9 +-
 .../line-break/line-break-normal-018.xht      |  93 ++++++++++++++++
 .../line-break/line-break-strict-011.xht      |   7 +-
 .../line-break/line-break-strict-012.xht      |   7 +-
 .../line-break/line-break-strict-013.xht      |   7 +-
 .../line-break/line-break-strict-014.xht      |   9 +-
 .../line-break/line-break-strict-015.xht      |  17 +--
 .../line-break/line-break-strict-016a.xht     |  45 +-------
 .../line-break/line-break-strict-016b.xht     |   9 +-
 .../line-break/line-break-strict-017a.xht     |  27 +----
 .../line-break/line-break-strict-017b.xht     |   9 +-
 .../line-break/line-break-strict-018.xht      |  93 ++++++++++++++++
 .../reference/line-break-loose-011-ref.xht    |  87 +++++++++++++++
 .../reference/line-break-loose-012-ref.xht    |  60 +++++++++++
 .../reference/line-break-loose-013-ref.xht    |  75 +++++++++++++
 .../reference/line-break-loose-014-ref.xht    |  91 ++++++++++++++++
 ...2-ref.xht => line-break-loose-015-ref.xht} |  13 +--
 .../reference/line-break-loose-016a-ref.xht   |  78 ++++++++++++++
 .../reference/line-break-loose-016b-ref.xht   |  96 +++++++++++++++++
 .../reference/line-break-loose-017a-ref.xht   |  78 ++++++++++++++
 .../reference/line-break-loose-017b-ref.xht   |  69 ++++++++++++
 .../reference/line-break-loose-018-ref.xht    |  87 +++++++++++++++
 .../reference/line-break-normal-011-ref.xht   |  87 +++++++++++++++
 .../reference/line-break-normal-012-ref.xht   |  60 +++++++++++
 .../reference/line-break-normal-013-ref.xht   |  75 +++++++++++++
 ...-ref.xht => line-break-normal-014-ref.xht} |   5 +-
 .../reference/line-break-normal-015-ref.xht   |  60 +++++++++++
 ...ref.xht => line-break-normal-016a-ref.xht} |  41 +------
 ...ref.xht => line-break-normal-016b-ref.xht} |   5 +-
 ...ref.xht => line-break-normal-017a-ref.xht} |  23 +---
 ...ref.xht => line-break-normal-017b-ref.xht} |   3 +-
 .../reference/line-break-normal-018-ref.xht   |  87 +++++++++++++++
 .../reference/line-break-strict-011-ref.xht   |   3 +-
 .../reference/line-break-strict-012-ref.xht   |   3 +-
 .../reference/line-break-strict-013-ref.xht   |   3 +-
 .../reference/line-break-strict-014-ref.xht   |   3 +-
 .../reference/line-break-strict-015-ref.xht   |  11 +-
 .../reference/line-break-strict-016a-ref.xht  |  39 +------
 .../reference/line-break-strict-016b-ref.xht  |   3 +-
 .../reference/line-break-strict-017a-ref.xht  |  21 +---
 .../reference/line-break-strict-017b-ref.xht  |   5 +-
 .../reference/line-break-strict-018-ref.xht   |  87 +++++++++++++++
 60 files changed, 2572 insertions(+), 312 deletions(-)
 create mode 100644 css/css-text/line-break/line-break-loose-011.xht
 create mode 100644 css/css-text/line-break/line-break-loose-012.xht
 create mode 100644 css/css-text/line-break/line-break-loose-013.xht
 create mode 100644 css/css-text/line-break/line-break-loose-014.xht
 create mode 100644 css/css-text/line-break/line-break-loose-015.xht
 create mode 100644 css/css-text/line-break/line-break-loose-016a.xht
 create mode 100644 css/css-text/line-break/line-break-loose-016b.xht
 create mode 100644 css/css-text/line-break/line-break-loose-017a.xht
 create mode 100644 css/css-text/line-break/line-break-loose-017b.xht
 create mode 100644 css/css-text/line-break/line-break-loose-018.xht
 create mode 100644 css/css-text/line-break/line-break-normal-011.xht
 create mode 100644 css/css-text/line-break/line-break-normal-012.xht
 create mode 100644 css/css-text/line-break/line-break-normal-013.xht
 rename css/css-text/line-break/{line-break-normal-021.xht => line-break-normal-014.xht} (87%)
 rename css/css-text/line-break/{line-break-normal-022.xht => line-break-normal-015.xht} (61%)
 rename css/css-text/line-break/{line-break-normal-023a.xht => line-break-normal-016a.xht} (62%)
 rename css/css-text/line-break/{line-break-normal-023b.xht => line-break-normal-016b.xht} (89%)
 rename css/css-text/line-break/{line-break-normal-024a.xht => line-break-normal-017a.xht} (73%)
 rename css/css-text/line-break/{line-break-normal-024b.xht => line-break-normal-017b.xht} (84%)
 create mode 100644 css/css-text/line-break/line-break-normal-018.xht
 create mode 100644 css/css-text/line-break/line-break-strict-018.xht
 create mode 100644 css/css-text/line-break/reference/line-break-loose-011-ref.xht
 create mode 100644 css/css-text/line-break/reference/line-break-loose-012-ref.xht
 create mode 100644 css/css-text/line-break/reference/line-break-loose-013-ref.xht
 create mode 100644 css/css-text/line-break/reference/line-break-loose-014-ref.xht
 rename css/css-text/line-break/reference/{line-break-normal-022-ref.xht => line-break-loose-015-ref.xht} (68%)
 create mode 100644 css/css-text/line-break/reference/line-break-loose-016a-ref.xht
 create mode 100644 css/css-text/line-break/reference/line-break-loose-016b-ref.xht
 create mode 100644 css/css-text/line-break/reference/line-break-loose-017a-ref.xht
 create mode 100644 css/css-text/line-break/reference/line-break-loose-017b-ref.xht
 create mode 100644 css/css-text/line-break/reference/line-break-loose-018-ref.xht
 create mode 100644 css/css-text/line-break/reference/line-break-normal-011-ref.xht
 create mode 100644 css/css-text/line-break/reference/line-break-normal-012-ref.xht
 create mode 100644 css/css-text/line-break/reference/line-break-normal-013-ref.xht
 rename css/css-text/line-break/reference/{line-break-normal-021-ref.xht => line-break-normal-014-ref.xht} (93%)
 create mode 100644 css/css-text/line-break/reference/line-break-normal-015-ref.xht
 rename css/css-text/line-break/reference/{line-break-normal-023a-ref.xht => line-break-normal-016a-ref.xht} (62%)
 rename css/css-text/line-break/reference/{line-break-normal-023b-ref.xht => line-break-normal-016b-ref.xht} (94%)
 rename css/css-text/line-break/reference/{line-break-normal-024a-ref.xht => line-break-normal-017a-ref.xht} (76%)
 rename css/css-text/line-break/reference/{line-break-normal-024b-ref.xht => line-break-normal-017b-ref.xht} (93%)
 create mode 100644 css/css-text/line-break/reference/line-break-normal-018-ref.xht
 create mode 100644 css/css-text/line-break/reference/line-break-strict-018-ref.xht

diff --git a/css/css-text/line-break/line-break-loose-011.xht b/css/css-text/line-break/line-break-loose-011.xht
new file mode 100644
index 00000000000000..604466a1f4723f
--- /dev/null
+++ b/css/css-text/line-break/line-break-loose-011.xht
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - loose and Japanese small kana</title>
+		<!-- Japanese small kana -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-loose-011-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and  'Japanese small kana i (U+3043)'." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: loose;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x3041;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x3043;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x3045;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x3047;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x3049;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
+
diff --git a/css/css-text/line-break/line-break-loose-012.xht b/css/css-text/line-break/line-break-loose-012.xht
new file mode 100644
index 00000000000000..0deab610cf8369
--- /dev/null
+++ b/css/css-text/line-break/line-break-loose-012.xht
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - loose and  Katakana-Hiragana prolonged sound marks</title>
+		<!-- Katakana-Hiragana prolonged sound marks -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-loose-012-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before Katakana-Hiragana prolonged sound marks such as (U+30FC) and (U+FF70)." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: loose;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x30FC;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#xff70;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/line-break-loose-013.xht b/css/css-text/line-break/line-break-loose-013.xht
new file mode 100644
index 00000000000000..586732aeb66aef
--- /dev/null
+++ b/css/css-text/line-break/line-break-loose-013.xht
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - loose and hyphens</title>
+		<!-- hyphens -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-loose-013-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: loose;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<!-- hyphens -->
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x2010;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x2013;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x301c;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x30a0;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/line-break-loose-014.xht b/css/css-text/line-break/line-break-loose-014.xht
new file mode 100644
index 00000000000000..90cf3c769c011c
--- /dev/null
+++ b/css/css-text/line-break/line-break-loose-014.xht
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - loose and iteration marks</title>
+		<!-- iteration marks -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-loose-014-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: loose;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<!-- iteration marks -->
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x3005;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3005;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x303b;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x303b;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x309d;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x309d;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x309e;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x309e;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x30fd;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30fd;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x30fe;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30fe;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/line-break-loose-015.xht b/css/css-text/line-break/line-break-loose-015.xht
new file mode 100644
index 00000000000000..6384d8c14eec3e
--- /dev/null
+++ b/css/css-text/line-break/line-break-loose-015.xht
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - loose and  inseparable characters</title>
+		<!-- inseparable characters -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-loose-015-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking between inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: loose;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- inseparable characters TWO DOT LEADER -->
+			<p class="test" lang="ja">
+				<span>サンプルサンプル。<span class="target">&#x2025;&#x2025;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプルサンプル。<span class="target">&#x2025;<br />&#x2025;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- inseparable characters HORIZONTAL ELLIPSIS -->
+			<p class="test" lang="ja">
+				<span>サンプルサンプル。<span class="target">&#x2026;&#x2026;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプルサンプル。<span class="target">&#x2026;<br />&#x2026;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/line-break-loose-016a.xht b/css/css-text/line-break/line-break-loose-016a.xht
new file mode 100644
index 00000000000000..6397c0318229a3
--- /dev/null
+++ b/css/css-text/line-break/line-break-loose-016a.xht
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - loose and centered punctuation marks</title>
+		<!-- centered punctuation marks -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-loose-016a-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before centered punctuation marks." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: loose;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 5px;
+				padding: 5px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x30fb;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30fb;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks FULLWIDTH COLON -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#xff1a;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff1a;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks FULLWIDTH SEMICOLON -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#xff1b;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff1b;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks HALFWIDTH KATAKANA MIDDLE DOT -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#xff65;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff65;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/line-break-loose-016b.xht b/css/css-text/line-break/line-break-loose-016b.xht
new file mode 100644
index 00000000000000..261cce5f67b04a
--- /dev/null
+++ b/css/css-text/line-break/line-break-loose-016b.xht
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - loose and centered punctuation marks</title>
+		<!-- centered punctuation marks -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-loose-016b-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before centered punctuation marks." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: loose;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 5px;
+				padding: 5px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- centered punctuation marks DOUBLE EXCLAMATION MARK -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x203c;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x203c;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks DOUBLE QUESTION MARK -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x2047;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2047;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks QUESTION EXCLAMATION MARK -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x2048;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2048;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks EXCLAMATION QUESTION MARK -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x2049;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2049;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks FULLWIDTH EXCLAMATION MARK -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#xff01;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff01;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks FULLWIDTH QUESTION MARK -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#xff1f;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff1f;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/line-break-loose-017a.xht b/css/css-text/line-break/line-break-loose-017a.xht
new file mode 100644
index 00000000000000..59b0af7b3fdec1
--- /dev/null
+++ b/css/css-text/line-break/line-break-loose-017a.xht
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - loose and postfixes</title>
+		<!-- postfixes -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-loose-017a-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before postfixes." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: loose;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- postfixes DEGREE SIGN -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x00b0;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x00b0;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- postfixes PER MILLE SIGN -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x2030;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2030;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- postfixes PRIME -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x2032;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2032;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- postfixes DOUBLE PRIME -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x2033;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2033;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/line-break-loose-017b.xht b/css/css-text/line-break/line-break-loose-017b.xht
new file mode 100644
index 00000000000000..6b89d125f543db
--- /dev/null
+++ b/css/css-text/line-break/line-break-loose-017b.xht
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - loose and postfixes</title>
+		<!-- postfixes -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-loose-017b-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before postfixes." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: loose;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- postfixes DEGREE CELSIUS -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x2103;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2103;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- postfixes FULLWIDTH PERCENT SIGN -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#xff05;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff05;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- postfixes FULLWIDTH CENT SIGN -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#xffe0;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xffe0;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/line-break-loose-018.xht b/css/css-text/line-break/line-break-loose-018.xht
new file mode 100644
index 00000000000000..d5df229cf77cc9
--- /dev/null
+++ b/css/css-text/line-break/line-break-loose-018.xht
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - loose and prefixes</title>
+		<!-- prefixes -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-loose-018-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking after prefixes." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: loose;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+            <!-- prefixes EURO SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#x20ac;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#x20ac;</span><br />サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes NUMERO SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#x2116;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#x2116;</span><br />サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH DOLLAR SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xff04;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xff04;</span><br />サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH POUND SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xffe1;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xffe1;</span><br />サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH YEN SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xffe5;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xffe5;</span><br />サンプル文</span>
+            </p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/line-break-normal-011.xht b/css/css-text/line-break/line-break-normal-011.xht
new file mode 100644
index 00000000000000..692468c527aff2
--- /dev/null
+++ b/css/css-text/line-break/line-break-normal-011.xht
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - normal and Japanese small kana</title>
+		<!-- Japanese small kana -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-normal-011-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and  'Japanese small kana i (U+3043)'." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: normal;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x3041;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x3043;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x3045;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x3047;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x3049;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
+
diff --git a/css/css-text/line-break/line-break-normal-012.xht b/css/css-text/line-break/line-break-normal-012.xht
new file mode 100644
index 00000000000000..a4b794f0f800c4
--- /dev/null
+++ b/css/css-text/line-break/line-break-normal-012.xht
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - normal and  Katakana-Hiragana prolonged sound marks</title>
+		<!-- Katakana-Hiragana prolonged sound marks -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-normal-012-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before Katakana-Hiragana prolonged sound marks such as (U+30FC) and (U+FF70)." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: normal;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x30FC;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#xff70;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/line-break-normal-013.xht b/css/css-text/line-break/line-break-normal-013.xht
new file mode 100644
index 00000000000000..80dae58932a9ad
--- /dev/null
+++ b/css/css-text/line-break/line-break-normal-013.xht
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - normal and hyphens</title>
+		<!-- hyphens -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-normal-013-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: normal;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<!-- hyphens -->
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x2010;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x2013;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x301c;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="test" lang="ja">
+				<span>サンプル文サンプル文<span class="target">&#x30a0;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/line-break-normal-021.xht b/css/css-text/line-break/line-break-normal-014.xht
similarity index 87%
rename from css/css-text/line-break/line-break-normal-021.xht
rename to css/css-text/line-break/line-break-normal-014.xht
index a956d3009ce93e..86a35bfb6b309e 100644
--- a/css/css-text/line-break/line-break-normal-021.xht
+++ b/css/css-text/line-break/line-break-normal-014.xht
@@ -5,10 +5,11 @@
 		<title>CSS Text Test: line-break - normal and iteration marks</title>
 		<!-- iteration marks -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
-		<link rel="match" href="reference/line-break-normal-021-ref.xht" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-normal-014-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
-		<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+3B)." />
+		<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." />
 		<style type="text/css">
 			@font-face
 			{
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: normal;						// The property to be tested
+				line-break: normal;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/line-break-normal-022.xht b/css/css-text/line-break/line-break-normal-015.xht
similarity index 61%
rename from css/css-text/line-break/line-break-normal-022.xht
rename to css/css-text/line-break/line-break-normal-015.xht
index 22a2a8a2646e1b..6debeedc35a721 100644
--- a/css/css-text/line-break/line-break-normal-022.xht
+++ b/css/css-text/line-break/line-break-normal-015.xht
@@ -5,10 +5,11 @@
 		<title>CSS Text Test: line-break - normal and  inseparable characters</title>
 		<!-- inseparable characters -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
-		<link rel="match" href="reference/line-break-normal-022-ref.xht" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-normal-015-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
-		<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
+		<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking between inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
 		<style type="text/css">
 			@font-face
 			{
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: normal;						// The property to be tested
+				line-break: normal;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
@@ -46,19 +47,19 @@
 		<div class="wrapper">
 			<!-- inseparable characters TWO DOT LEADER -->
 			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x2025;</span>サンプル文</span>
+				<span>サンプルサンプル。<span class="target">&#x2025;&#x2025;</span>サンプル文</span>
 			</p>
 			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x2025;</span>サンプル文</span>
+				<span>サンプルサンプル。<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
 			</p>
 		</div>
 		<div class="wrapper">
 			<!-- inseparable characters HORIZONTAL ELLIPSIS -->
 			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x2026;</span>サンプル文</span>
+				<span>サンプルサンプル。<span class="target">&#x2026;&#x2026;</span>サンプル文</span>
 			</p>
 			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x2026;</span>サンプル文</span>
+				<span>サンプルサンプル。<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
 			</p>
 		</div>
 	</body>
diff --git a/css/css-text/line-break/line-break-normal-023a.xht b/css/css-text/line-break/line-break-normal-016a.xht
similarity index 62%
rename from css/css-text/line-break/line-break-normal-023a.xht
rename to css/css-text/line-break/line-break-normal-016a.xht
index 7723250e947080..c3b103ab7aa07f 100644
--- a/css/css-text/line-break/line-break-normal-023a.xht
+++ b/css/css-text/line-break/line-break-normal-016a.xht
@@ -5,8 +5,9 @@
 		<title>CSS Text Test: line-break - normal and centered punctuation marks</title>
 		<!-- centered punctuation marks -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
-		<link rel="match" href="reference/line-break-normal-023a-ref.xht" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-normal-016a-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
 		<style type="text/css">
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: normal;						// The property to be tested
+				line-break: normal;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
@@ -43,24 +44,6 @@
 		<p>
 			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
 		</p>
-		<div class="wrapper">
-			<!-- centered punctuation marks COLON -->
-			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x003a;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
-			</p>
-		</div>
-		<div class="wrapper">
-			<!-- centered punctuation marks SEMICOLON -->
-			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x003b;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003b;</span>サンプル文</span>
-			</p>
-		</div>
 		<div class="wrapper">
 			<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
 			<p class="test" lang="ja">
@@ -97,23 +80,5 @@
 				<span>サンプル文サンプル<br />文<span class="target">&#xff65;</span>サンプル文</span>
 			</p>
 		</div>
-		<div class="wrapper">
-			<!-- centered punctuation marks EXCLAMATION MARK -->
-			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x0021;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
-			</p>
-		</div>
-		<div class="wrapper">
-			<!-- centered punctuation marks QUESTION MARK -->
-			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x003f;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
-			</p>
-		</div>
 	</body>
 </html>
diff --git a/css/css-text/line-break/line-break-normal-023b.xht b/css/css-text/line-break/line-break-normal-016b.xht
similarity index 89%
rename from css/css-text/line-break/line-break-normal-023b.xht
rename to css/css-text/line-break/line-break-normal-016b.xht
index 6f867c87ec3e56..c73bb159d08e6e 100644
--- a/css/css-text/line-break/line-break-normal-023b.xht
+++ b/css/css-text/line-break/line-break-normal-016b.xht
@@ -5,8 +5,9 @@
 		<title>CSS Text Test: line-break - normal and centered punctuation marks</title>
 		<!-- centered punctuation marks -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
-		<link rel="match" href="reference/line-break-normal-023b-ref.xht" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-normal-016b-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
 		<style type="text/css">
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: normal;						// The property to be tested
+				line-break: normal;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/line-break-normal-024a.xht b/css/css-text/line-break/line-break-normal-017a.xht
similarity index 73%
rename from css/css-text/line-break/line-break-normal-024a.xht
rename to css/css-text/line-break/line-break-normal-017a.xht
index cbbeff8d1f2c61..e9637b55827e5a 100644
--- a/css/css-text/line-break/line-break-normal-024a.xht
+++ b/css/css-text/line-break/line-break-normal-017a.xht
@@ -5,8 +5,9 @@
 		<title>CSS Text Test: line-break - normal and postfixes</title>
 		<!-- postfixes -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
-		<link rel="match" href="reference/line-break-normal-024a-ref.xht" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-normal-017a-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
 		<style type="text/css">
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: normal;						// The property to be tested
+				line-break: normal;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
@@ -43,24 +44,6 @@
 		<p>
 			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
 		</p>
-		<div class="wrapper">
-			<!-- postfixes PERCENT SIGN -->
-			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x0025;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x0025;</span>サンプル文</span>
-			</p>
-		</div>
-		<div class="wrapper">
-			<!-- postfixes CENT SIGN -->
-			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x00a2;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x00a2;</span>サンプル文</span>
-			</p>
-		</div>
 		<div class="wrapper">
 			<!-- postfixes DEGREE SIGN -->
 			<p class="test" lang="ja">
diff --git a/css/css-text/line-break/line-break-normal-024b.xht b/css/css-text/line-break/line-break-normal-017b.xht
similarity index 84%
rename from css/css-text/line-break/line-break-normal-024b.xht
rename to css/css-text/line-break/line-break-normal-017b.xht
index e0da4088832299..124ece3189f1e5 100644
--- a/css/css-text/line-break/line-break-normal-024b.xht
+++ b/css/css-text/line-break/line-break-normal-017b.xht
@@ -5,8 +5,9 @@
 		<title>CSS Text Test: line-break - normal and postfixes</title>
 		<!-- postfixes -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
-		<link rel="match" href="reference/line-break-normal-024b-ref.xht" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-normal-017b-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
 		<style type="text/css">
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: normal;						// The property to be tested
+				line-break: normal;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/line-break-normal-018.xht b/css/css-text/line-break/line-break-normal-018.xht
new file mode 100644
index 00000000000000..a1042e858aaa64
--- /dev/null
+++ b/css/css-text/line-break/line-break-normal-018.xht
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - normal and prefixes</title>
+		<!-- prefixes -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-normal-018-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: normal' does not allow line breaking after prefixes." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: normal;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+            <!-- prefixes EURO SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#x20ac;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#x20ac;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes NUMERO SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#x2116;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH DOLLAR SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xff04;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH POUND SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xffe1;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH YEN SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xffe5;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
+            </p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/line-break-strict-011.xht b/css/css-text/line-break/line-break-strict-011.xht
index 3ba2e885bdfca9..d9cecc788ab1d5 100644
--- a/css/css-text/line-break/line-break-strict-011.xht
+++ b/css/css-text/line-break/line-break-strict-011.xht
@@ -5,7 +5,8 @@
 		<title>CSS Text Test: line-break - strict and Japanese small kana</title>
 		<!-- Japanese small kana -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
 		<link rel="match" href="reference/line-break-strict-011-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and  'Japanese small kana i (U+3043)'." />
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: strict;						// The property to be tested
+				line-break: strict;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/line-break-strict-012.xht b/css/css-text/line-break/line-break-strict-012.xht
index 28358b8ca79165..d01b53f6224b84 100644
--- a/css/css-text/line-break/line-break-strict-012.xht
+++ b/css/css-text/line-break/line-break-strict-012.xht
@@ -5,7 +5,8 @@
 		<title>CSS Text Test: line-break - strict and  Katakana-Hiragana prolonged sound marks</title>
 		<!-- Katakana-Hiragana prolonged sound marks -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
 		<link rel="match" href="reference/line-break-strict-012-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before Katakana-Hiragana prolonged sound marks such as (U+30FC) and (U+FF70)." />
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: strict;						// The property to be tested
+				line-break: strict;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/line-break-strict-013.xht b/css/css-text/line-break/line-break-strict-013.xht
index b946883448305e..0ae49fb5ac0ce6 100644
--- a/css/css-text/line-break/line-break-strict-013.xht
+++ b/css/css-text/line-break/line-break-strict-013.xht
@@ -5,7 +5,8 @@
 		<title>CSS Text Test: line-break - strict and hyphens</title>
 		<!-- hyphens -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
 		<link rel="match" href="reference/line-break-strict-013-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: strict;						// The property to be tested
+				line-break: strict;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/line-break-strict-014.xht b/css/css-text/line-break/line-break-strict-014.xht
index 8cb4660e770358..90710cbdbe4eac 100644
--- a/css/css-text/line-break/line-break-strict-014.xht
+++ b/css/css-text/line-break/line-break-strict-014.xht
@@ -5,10 +5,11 @@
 		<title>CSS Text Test: line-break - strict and iteration marks</title>
 		<!-- iteration marks -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
 		<link rel="match" href="reference/line-break-strict-014-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
-		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+3B)." />
+		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before iteration marks such as IDEOGRAPHIC ITERATION MARK (U+3005) and VERTICAL IDEOGRAPHIC ITERATION MARK (U+303B)." />
 		<style type="text/css">
 			@font-face
 			{
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: strict;						// The property to be tested
+				line-break: strict;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/line-break-strict-015.xht b/css/css-text/line-break/line-break-strict-015.xht
index 8549f73a4bcefa..ec3d6520f6b5b6 100644
--- a/css/css-text/line-break/line-break-strict-015.xht
+++ b/css/css-text/line-break/line-break-strict-015.xht
@@ -5,10 +5,11 @@
 		<title>CSS Text Test: line-break - strict and  inseparable characters</title>
 		<!-- inseparable characters -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
 		<link rel="match" href="reference/line-break-strict-015-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
-		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
+		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking between inseparable characters such as TWO DOT LEADER (U+2025) and HORIZONTAL ELLIPSIS (U+2026)." />
 		<style type="text/css">
 			@font-face
 			{
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: strict;						// The property to be tested
+				line-break: strict;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
@@ -46,19 +47,19 @@
 		<div class="wrapper">
 			<!-- inseparable characters TWO DOT LEADER -->
 			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x2025;</span>サンプル文</span>
+				<span>サンプルサンプル。<span class="target">&#x2025;&#x2025;</span>サンプル文</span>
 			</p>
 			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x2025;</span>サンプル文</span>
+				<span>サンプルサンプル。<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
 			</p>
 		</div>
 		<div class="wrapper">
 			<!-- inseparable characters HORIZONTAL ELLIPSIS -->
 			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x2026;</span>サンプル文</span>
+				<span>サンプルサンプル。<span class="target">&#x2026;&#x2026;</span>サンプル文</span>
 			</p>
 			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x2026;</span>サンプル文</span>
+				<span>サンプルサンプル。<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
 			</p>
 		</div>
 	</body>
diff --git a/css/css-text/line-break/line-break-strict-016a.xht b/css/css-text/line-break/line-break-strict-016a.xht
index 55e5434079e293..9e6e8b8690d86c 100644
--- a/css/css-text/line-break/line-break-strict-016a.xht
+++ b/css/css-text/line-break/line-break-strict-016a.xht
@@ -5,10 +5,11 @@
 		<title>CSS Text Test: line-break - strict and centered punctuation marks</title>
 		<!-- centered punctuation marks -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
 		<link rel="match" href="reference/line-break-strict-016a-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
-		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
+		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks." />
 		<style type="text/css">
 			@font-face
 			{
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: strict;						// The property to be tested
+				line-break: strict;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
@@ -43,24 +44,6 @@
 		<p>
 			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
 		</p>
-		<div class="wrapper">
-			<!-- centered punctuation marks COLON -->
-			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x003a;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
-			</p>
-		</div>
-		<div class="wrapper">
-			<!-- centered punctuation marks SEMICOLON -->
-			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x003b;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003b;</span>サンプル文</span>
-			</p>
-		</div>
 		<div class="wrapper">
 			<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
 			<p class="test" lang="ja">
@@ -97,23 +80,5 @@
 				<span>サンプル文サンプル<br />文<span class="target">&#xff65;</span>サンプル文</span>
 			</p>
 		</div>
-		<div class="wrapper">
-			<!-- centered punctuation marks EXCLAMATION MARK -->
-			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x0021;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
-			</p>
-		</div>
-		<div class="wrapper">
-			<!-- centered punctuation marks QUESTION MARK -->
-			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x003f;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
-			</p>
-		</div>
 	</body>
 </html>
diff --git a/css/css-text/line-break/line-break-strict-016b.xht b/css/css-text/line-break/line-break-strict-016b.xht
index 66ed3de155d625..9a4a3c22ed75de 100644
--- a/css/css-text/line-break/line-break-strict-016b.xht
+++ b/css/css-text/line-break/line-break-strict-016b.xht
@@ -5,10 +5,11 @@
 		<title>CSS Text Test: line-break - strict and centered punctuation marks</title>
 		<!-- centered punctuation marks -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
 		<link rel="match" href="reference/line-break-strict-016b-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
-		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks such as COLON (U+003A) and SEMICOLON (U+003B)." />
+		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before centered punctuation marks." />
 		<style type="text/css">
 			@font-face
 			{
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: strict;						// The property to be tested
+				line-break: strict;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/line-break-strict-017a.xht b/css/css-text/line-break/line-break-strict-017a.xht
index 4c8f9ce7b041ad..1c0e91fd63e953 100644
--- a/css/css-text/line-break/line-break-strict-017a.xht
+++ b/css/css-text/line-break/line-break-strict-017a.xht
@@ -5,10 +5,11 @@
 		<title>CSS Text Test: line-break - strict and postfixes</title>
 		<!-- postfixes -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
 		<link rel="match" href="reference/line-break-strict-017a-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
-		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
+		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes." />
 		<style type="text/css">
 			@font-face
 			{
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: strict;						// The property to be tested
+				line-break: strict;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
@@ -43,24 +44,6 @@
 		<p>
 			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
 		</p>
-		<div class="wrapper">
-			<!-- postfixes PERCENT SIGN -->
-			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x0025;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x0025;</span>サンプル文</span>
-			</p>
-		</div>
-		<div class="wrapper">
-			<!-- postfixes CENT SIGN -->
-			<p class="test" lang="ja">
-				<span>サンプル文サンプル文<span class="target">&#x00a2;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x00a2;</span>サンプル文</span>
-			</p>
-		</div>
 		<div class="wrapper">
 			<!-- postfixes DEGREE SIGN -->
 			<p class="test" lang="ja">
diff --git a/css/css-text/line-break/line-break-strict-017b.xht b/css/css-text/line-break/line-break-strict-017b.xht
index 95629cbef3e7fc..c41b3afae2671f 100644
--- a/css/css-text/line-break/line-break-strict-017b.xht
+++ b/css/css-text/line-break/line-break-strict-017b.xht
@@ -5,10 +5,11 @@
 		<title>CSS Text Test: line-break - strict and postfixes</title>
 		<!-- postfixes -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
-		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
 		<link rel="match" href="reference/line-break-strict-017b-ref.xht" />
 		<meta http-equiv="content-language" content="en, ja" />
-		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes such as PERCENT SIGN (U+0025) and CENT SIGN (U+00A2)." />
+		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before postfixes." />
 		<style type="text/css">
 			@font-face
 			{
@@ -20,13 +21,13 @@
 				*/
 			}
 			.test span {
-				line-break: strict;						// The property to be tested
+				line-break: strict;						/* The property to be tested */
 			}
 			p.test, p.control {
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/line-break-strict-018.xht b/css/css-text/line-break/line-break-strict-018.xht
new file mode 100644
index 00000000000000..85a92d1688ea42
--- /dev/null
+++ b/css/css-text/line-break/line-break-strict-018.xht
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Text Test: line-break - strict and prefixes</title>
+		<!-- prefixes -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
+		<link rel="match" href="reference/line-break-strict-018-ref.xht" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking after prefixes." />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			.test span {
+				line-break: strict;						/* The property to be tested */
+			}
+			p.test, p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+            <!-- prefixes EURO SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#x20ac;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#x20ac;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes NUMERO SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#x2116;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH DOLLAR SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xff04;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH POUND SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xffe1;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH YEN SIGN -->
+            <p class="test" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xffe5;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
+            </p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-loose-011-ref.xht b/css/css-text/line-break/reference/line-break-loose-011-ref.xht
new file mode 100644
index 00000000000000..cc6d9023c0843f
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-loose-011-ref.xht
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-loose-011.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-loose-012-ref.xht b/css/css-text/line-break/reference/line-break-loose-012-ref.xht
new file mode 100644
index 00000000000000..4ffd2f90ecc7d4
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-loose-012-ref.xht
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-loose-012.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-loose-013-ref.xht b/css/css-text/line-break/reference/line-break-loose-013-ref.xht
new file mode 100644
index 00000000000000..fa97005132df4f
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-loose-013-ref.xht
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-loose-013.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<!-- hyphens -->
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-loose-014-ref.xht b/css/css-text/line-break/reference/line-break-loose-014-ref.xht
new file mode 100644
index 00000000000000..bc8090819cd239
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-loose-014-ref.xht
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-loose-014.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<!-- iteration marks -->
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3005;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3005;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x303b;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x303b;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x309d;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x309d;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x309e;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x309e;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30fd;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30fd;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30fe;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30fe;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-normal-022-ref.xht b/css/css-text/line-break/reference/line-break-loose-015-ref.xht
similarity index 68%
rename from css/css-text/line-break/reference/line-break-normal-022-ref.xht
rename to css/css-text/line-break/reference/line-break-loose-015-ref.xht
index c9508ab67f96ac..c59d5af50462ce 100644
--- a/css/css-text/line-break/reference/line-break-normal-022-ref.xht
+++ b/css/css-text/line-break/reference/line-break-loose-015-ref.xht
@@ -3,8 +3,9 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 	<head>
 		<title>CSS Reftest Reference</title>
-		<!-- reftest for line-break-normal-022.xht -->
+		<!-- reftest for line-break-loose-015.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
@@ -40,19 +41,19 @@
 		<div class="wrapper">
 			<!-- inseparable characters TWO DOT LEADER -->
 			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x2025;</span>サンプル文</span>
+				<span>サンプルサンプル。<span class="target">&#x2025;<br />&#x2025;</span>サンプル文</span>
 			</p>
 			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x2025;</span>サンプル文</span>
+				<span>サンプルサンプル。<span class="target">&#x2025;<br />&#x2025;</span>サンプル文</span>
 			</p>
 		</div>
 		<div class="wrapper">
 			<!-- inseparable characters HORIZONTAL ELLIPSIS -->
 			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x2026;</span>サンプル文</span>
+				<span>サンプルサンプル。<span class="target">&#x2026;<br />&#x2026;</span>サンプル文</span>
 			</p>
 			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x2026;</span>サンプル文</span>
+				<span>サンプルサンプル。<span class="target">&#x2026;<br />&#x2026;</span>サンプル文</span>
 			</p>
 		</div>
 	</body>
diff --git a/css/css-text/line-break/reference/line-break-loose-016a-ref.xht b/css/css-text/line-break/reference/line-break-loose-016a-ref.xht
new file mode 100644
index 00000000000000..4338d02bab42a8
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-loose-016a-ref.xht
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-loose-016a.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 5px;
+				padding: 5px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30fb;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30fb;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks FULLWIDTH COLON -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff1a;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff1a;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks FULLWIDTH SEMICOLON -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff1b;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff1b;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks HALFWIDTH KATAKANA MIDDLE DOT -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff65;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff65;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-loose-016b-ref.xht b/css/css-text/line-break/reference/line-break-loose-016b-ref.xht
new file mode 100644
index 00000000000000..0c80df6ec467c0
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-loose-016b-ref.xht
@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-loose-016b.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 5px;
+				padding: 5px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- centered punctuation marks DOUBLE EXCLAMATION MARK -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x203c;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x203c;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks DOUBLE QUESTION MARK -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2047;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2047;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks QUESTION EXCLAMATION MARK -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2048;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2048;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks EXCLAMATION QUESTION MARK -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2049;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2049;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks FULLWIDTH EXCLAMATION MARK -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff01;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff01;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- centered punctuation marks FULLWIDTH QUESTION MARK -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff1f;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff1f;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-loose-017a-ref.xht b/css/css-text/line-break/reference/line-break-loose-017a-ref.xht
new file mode 100644
index 00000000000000..09a18a2396fa15
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-loose-017a-ref.xht
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-loose-017a.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- postfixes DEGREE SIGN -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x00b0;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x00b0;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- postfixes PER MILLE SIGN -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2030;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2030;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- postfixes PRIME -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2032;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2032;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- postfixes DOUBLE PRIME -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2033;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2033;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-loose-017b-ref.xht b/css/css-text/line-break/reference/line-break-loose-017b-ref.xht
new file mode 100644
index 00000000000000..7148339b05e088
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-loose-017b-ref.xht
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-loose-017b.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- postfixes DEGREE CELSIUS -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2103;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2103;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- postfixes FULLWIDTH PERCENT SIGN -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff05;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff05;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- postfixes FULLWIDTH CENT SIGN -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xffe0;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xffe0;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-loose-018-ref.xht b/css/css-text/line-break/reference/line-break-loose-018-ref.xht
new file mode 100644
index 00000000000000..c8f6b561240add
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-loose-018-ref.xht
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-loose-018.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+            <!-- prefixes EURO SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#x20ac;</span><br />サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#x20ac;</span><br />サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes NUMERO SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#x2116;</span><br />サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#x2116;</span><br />サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH DOLLAR SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xff04;</span><br />サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xff04;</span><br />サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH POUND SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xffe1;</span><br />サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xffe1;</span><br />サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH YEN SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xffe5;</span><br />サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<span class="target">&#xffe5;</span><br />サンプル文</span>
+            </p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-normal-011-ref.xht b/css/css-text/line-break/reference/line-break-normal-011-ref.xht
new file mode 100644
index 00000000000000..dc37069bad4c9b
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-normal-011-ref.xht
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-normal-011.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3041;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3043;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3045;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3047;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x3049;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-normal-012-ref.xht b/css/css-text/line-break/reference/line-break-normal-012-ref.xht
new file mode 100644
index 00000000000000..ecb86a902c7ab0
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-normal-012-ref.xht
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-normal-012.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- Katakana-Hiragana prolonged sound mark - fullwidth -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30FC;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- Katakana-Hiragana prolonged sound mark - halfwidth -->
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#xff70;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-normal-013-ref.xht b/css/css-text/line-break/reference/line-break-normal-013-ref.xht
new file mode 100644
index 00000000000000..f6b670f90a7eee
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-normal-013-ref.xht
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-normal-013.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<!-- hyphens -->
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプル文サンプル文<br /><span class="target">&#x30a0;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-normal-021-ref.xht b/css/css-text/line-break/reference/line-break-normal-014-ref.xht
similarity index 93%
rename from css/css-text/line-break/reference/line-break-normal-021-ref.xht
rename to css/css-text/line-break/reference/line-break-normal-014-ref.xht
index 13937468d80857..577bf29a518164 100644
--- a/css/css-text/line-break/reference/line-break-normal-021-ref.xht
+++ b/css/css-text/line-break/reference/line-break-normal-014-ref.xht
@@ -3,8 +3,9 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 	<head>
 		<title>CSS Reftest Reference</title>
-		<!-- reftest for line-break-normal-021.xht -->
+		<!-- reftest for line-break-normal-014.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/reference/line-break-normal-015-ref.xht b/css/css-text/line-break/reference/line-break-normal-015-ref.xht
new file mode 100644
index 00000000000000..886c4a30a03e39
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-normal-015-ref.xht
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-normal-015.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+			<!-- inseparable characters TWO DOT LEADER -->
+			<p class="control" lang="ja">
+				<span>サンプルサンプル。<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプルサンプル。<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
+			</p>
+		</div>
+		<div class="wrapper">
+			<!-- inseparable characters HORIZONTAL ELLIPSIS -->
+			<p class="control" lang="ja">
+				<span>サンプルサンプル。<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
+			</p>
+			<p class="control" lang="ja">
+				<span>サンプルサンプル。<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
+			</p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-normal-023a-ref.xht b/css/css-text/line-break/reference/line-break-normal-016a-ref.xht
similarity index 62%
rename from css/css-text/line-break/reference/line-break-normal-023a-ref.xht
rename to css/css-text/line-break/reference/line-break-normal-016a-ref.xht
index 07fb2028a7e8fd..4ebe678bd4094a 100644
--- a/css/css-text/line-break/reference/line-break-normal-023a-ref.xht
+++ b/css/css-text/line-break/reference/line-break-normal-016a-ref.xht
@@ -3,8 +3,9 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 	<head>
 		<title>CSS Reftest Reference</title>
-		<!-- reftest for line-break-normal-023.xht -->
+		<!-- reftest for line-break-normal-016a.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
@@ -37,24 +38,6 @@
 		<p>
 			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
 		</p>
-		<!-- centered punctuation marks COLON -->
-		<div class="wrapper">
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
-			</p>
-		</div>
-		<div class="wrapper">
-			<!-- centered punctuation marks SEMICOLON -->
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003b;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003b;</span>サンプル文</span>
-			</p>
-		</div>
 		<div class="wrapper">
 			<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
 			<p class="control" lang="ja">
@@ -91,23 +74,5 @@
 				<span>サンプル文サンプル<br />文<span class="target">&#xff65;</span>サンプル文</span>
 			</p>
 		</div>
-		<div class="wrapper">
-			<!-- centered punctuation marks EXCLAMATION MARK -->
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
-			</p>
-		</div>
-		<div class="wrapper">
-			<!-- centered punctuation marks QUESTION MARK -->
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
-			</p>
-		</div>
 	</body>
 </html>
diff --git a/css/css-text/line-break/reference/line-break-normal-023b-ref.xht b/css/css-text/line-break/reference/line-break-normal-016b-ref.xht
similarity index 94%
rename from css/css-text/line-break/reference/line-break-normal-023b-ref.xht
rename to css/css-text/line-break/reference/line-break-normal-016b-ref.xht
index 302ddd6d1d87de..4ee234b4cbab80 100644
--- a/css/css-text/line-break/reference/line-break-normal-023b-ref.xht
+++ b/css/css-text/line-break/reference/line-break-normal-016b-ref.xht
@@ -3,8 +3,9 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 	<head>
 		<title>CSS Reftest Reference</title>
-		<!-- reftest for line-break-normal-023.xht -->
+		<!-- reftest for line-break-normal-016b.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/reference/line-break-normal-024a-ref.xht b/css/css-text/line-break/reference/line-break-normal-017a-ref.xht
similarity index 76%
rename from css/css-text/line-break/reference/line-break-normal-024a-ref.xht
rename to css/css-text/line-break/reference/line-break-normal-017a-ref.xht
index 63580b20b34b3a..cd9710014efe91 100644
--- a/css/css-text/line-break/reference/line-break-normal-024a-ref.xht
+++ b/css/css-text/line-break/reference/line-break-normal-017a-ref.xht
@@ -3,8 +3,9 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 	<head>
 		<title>CSS Reftest Reference</title>
-		<!-- reftest for line-break-normal-024.xht -->
+		<!-- reftest for line-break-normal-017a.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
@@ -37,24 +38,6 @@
 		<p>
 			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
 		</p>
-		<div class="wrapper">
-			<!-- postfixes PERCENT SIGN -->
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x0025;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x0025;</span>サンプル文</span>
-			</p>
-		</div>
-		<div class="wrapper">
-			<!-- postfixes CENT SIGN -->
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x00a2;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x00a2;</span>サンプル文</span>
-			</p>
-		</div>
 		<div class="wrapper">
 			<!-- postfixes DEGREE SIGN -->
 			<p class="control" lang="ja">
diff --git a/css/css-text/line-break/reference/line-break-normal-024b-ref.xht b/css/css-text/line-break/reference/line-break-normal-017b-ref.xht
similarity index 93%
rename from css/css-text/line-break/reference/line-break-normal-024b-ref.xht
rename to css/css-text/line-break/reference/line-break-normal-017b-ref.xht
index 1c63f173daad34..7efb5296b057b3 100644
--- a/css/css-text/line-break/reference/line-break-normal-024b-ref.xht
+++ b/css/css-text/line-break/reference/line-break-normal-017b-ref.xht
@@ -5,6 +5,7 @@
 		<title>CSS Reftest Reference</title>
 		<!-- reftest for line-break-normal-024.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/reference/line-break-normal-018-ref.xht b/css/css-text/line-break/reference/line-break-normal-018-ref.xht
new file mode 100644
index 00000000000000..9b23b57dfe6255
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-normal-018-ref.xht
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-normal-018.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+            <!-- prefixes EURO SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#x20ac;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#x20ac;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes NUMERO SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH DOLLAR SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH POUND SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH YEN SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
+            </p>
+		</div>
+	</body>
+</html>
diff --git a/css/css-text/line-break/reference/line-break-strict-011-ref.xht b/css/css-text/line-break/reference/line-break-strict-011-ref.xht
index 1a2841bc01ebca..ec17a31ec55e5c 100644
--- a/css/css-text/line-break/reference/line-break-strict-011-ref.xht
+++ b/css/css-text/line-break/reference/line-break-strict-011-ref.xht
@@ -5,6 +5,7 @@
 		<title>CSS Reftest Reference</title>
 		<!-- reftest for line-break-strict-011.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/reference/line-break-strict-012-ref.xht b/css/css-text/line-break/reference/line-break-strict-012-ref.xht
index 0deeb9f569419f..fbe2222c72d659 100644
--- a/css/css-text/line-break/reference/line-break-strict-012-ref.xht
+++ b/css/css-text/line-break/reference/line-break-strict-012-ref.xht
@@ -5,6 +5,7 @@
 		<title>CSS Reftest Reference</title>
 		<!-- reftest for line-break-strict-012.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/reference/line-break-strict-013-ref.xht b/css/css-text/line-break/reference/line-break-strict-013-ref.xht
index 40e5b1d940c483..44a33c588db079 100644
--- a/css/css-text/line-break/reference/line-break-strict-013-ref.xht
+++ b/css/css-text/line-break/reference/line-break-strict-013-ref.xht
@@ -5,6 +5,7 @@
 		<title>CSS Reftest Reference</title>
 		<!-- reftest for line-break-strict-013.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/reference/line-break-strict-014-ref.xht b/css/css-text/line-break/reference/line-break-strict-014-ref.xht
index 2676a3b4bfa5f5..2af0a903eb6776 100644
--- a/css/css-text/line-break/reference/line-break-strict-014-ref.xht
+++ b/css/css-text/line-break/reference/line-break-strict-014-ref.xht
@@ -5,6 +5,7 @@
 		<title>CSS Reftest Reference</title>
 		<!-- reftest for line-break-strict-014.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/reference/line-break-strict-015-ref.xht b/css/css-text/line-break/reference/line-break-strict-015-ref.xht
index 5bcd3c2cfd440c..320870299d2adb 100644
--- a/css/css-text/line-break/reference/line-break-strict-015-ref.xht
+++ b/css/css-text/line-break/reference/line-break-strict-015-ref.xht
@@ -5,6 +5,7 @@
 		<title>CSS Reftest Reference</title>
 		<!-- reftest for line-break-strict-015.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
@@ -40,19 +41,19 @@
 		<div class="wrapper">
 			<!-- inseparable characters TWO DOT LEADER -->
 			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x2025;</span>サンプル文</span>
+				<span>サンプルサンプル。<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
 			</p>
 			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x2025;</span>サンプル文</span>
+				<span>サンプルサンプル。<br /><span class="target">&#x2025;&#x2025;</span>サンプル文</span>
 			</p>
 		</div>
 		<div class="wrapper">
 			<!-- inseparable characters HORIZONTAL ELLIPSIS -->
 			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x2026;</span>サンプル文</span>
+				<span>サンプルサンプル。<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
 			</p>
 			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x2026;</span>サンプル文</span>
+				<span>サンプルサンプル。<br /><span class="target">&#x2026;&#x2026;</span>サンプル文</span>
 			</p>
 		</div>
 	</body>
diff --git a/css/css-text/line-break/reference/line-break-strict-016a-ref.xht b/css/css-text/line-break/reference/line-break-strict-016a-ref.xht
index b95368ff7ffa43..9c2d497a039dff 100644
--- a/css/css-text/line-break/reference/line-break-strict-016a-ref.xht
+++ b/css/css-text/line-break/reference/line-break-strict-016a-ref.xht
@@ -5,6 +5,7 @@
 		<title>CSS Reftest Reference</title>
 		<!-- reftest for line-break-strict-016.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
@@ -37,24 +38,6 @@
 		<p>
 			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
 		</p>
-		<div class="wrapper">
-			<!-- centered punctuation marks COLON -->
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003a;</span>サンプル文</span>
-			</p>
-		</div>
-		<div class="wrapper">
-			<!-- centered punctuation marks SEMICOLON -->
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003b;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003b;</span>サンプル文</span>
-			</p>
-		</div>
 		<div class="wrapper">
 			<!-- centered punctuation marks KATAKANA MIDDLE DOT -->
 			<p class="control" lang="ja">
@@ -91,23 +74,5 @@
 				<span>サンプル文サンプル<br />文<span class="target">&#xff65;</span>サンプル文</span>
 			</p>
 		</div>
-		<div class="wrapper">
-			<!-- centered punctuation marks EXCLAMATION MARK -->
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x0021;</span>サンプル文</span>
-			</p>
-		</div>
-		<div class="wrapper">
-			<!-- centered punctuation marks QUESTION MARK -->
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x003f;</span>サンプル文</span>
-			</p>
-		</div>
 	</body>
 </html>
diff --git a/css/css-text/line-break/reference/line-break-strict-016b-ref.xht b/css/css-text/line-break/reference/line-break-strict-016b-ref.xht
index 57698e5a558676..d000b8087b8f34 100644
--- a/css/css-text/line-break/reference/line-break-strict-016b-ref.xht
+++ b/css/css-text/line-break/reference/line-break-strict-016b-ref.xht
@@ -5,6 +5,7 @@
 		<title>CSS Reftest Reference</title>
 		<!-- reftest for line-break-strict-016.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/reference/line-break-strict-017a-ref.xht b/css/css-text/line-break/reference/line-break-strict-017a-ref.xht
index 7234804a08d236..87f9f322c11a98 100644
--- a/css/css-text/line-break/reference/line-break-strict-017a-ref.xht
+++ b/css/css-text/line-break/reference/line-break-strict-017a-ref.xht
@@ -5,6 +5,7 @@
 		<title>CSS Reftest Reference</title>
 		<!-- reftest for line-break-strict-017.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
@@ -37,24 +38,6 @@
 		<p>
 			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
 		</p>
-		<div class="wrapper">
-			<!-- postfixes PERCENT SIGN -->
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x0025;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x0025;</span>サンプル文</span>
-			</p>
-		</div>
-		<div class="wrapper">
-			<!-- postfixes CENT SIGN -->
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x00a2;</span>サンプル文</span>
-			</p>
-			<p class="control" lang="ja">
-				<span>サンプル文サンプル<br />文<span class="target">&#x00a2;</span>サンプル文</span>
-			</p>
-		</div>
 		<div class="wrapper">
 			<!-- postfixes DEGREE SIGN -->
 			<p class="control" lang="ja">
diff --git a/css/css-text/line-break/reference/line-break-strict-017b-ref.xht b/css/css-text/line-break/reference/line-break-strict-017b-ref.xht
index 3960275176a67e..c4b5c89b201ef2 100644
--- a/css/css-text/line-break/reference/line-break-strict-017b-ref.xht
+++ b/css/css-text/line-break/reference/line-break-strict-017b-ref.xht
@@ -3,8 +3,9 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 	<head>
 		<title>CSS Reftest Reference</title>
-		<!-- reftest for line-break-strict-017.xht -->
+		<!-- reftest for line-break-strict-017b.xht -->
 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
 		<meta http-equiv="content-language" content="en, ja" />
 		<style type="text/css">
 			@font-face
@@ -20,7 +21,7 @@
 				border: 1px solid gray;
 				color: blue;
 				font-family: "mplus-1p-regular";
-				width: 10em;
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
 			}
 			span.target {
 				background-color: aqua;
diff --git a/css/css-text/line-break/reference/line-break-strict-018-ref.xht b/css/css-text/line-break/reference/line-break-strict-018-ref.xht
new file mode 100644
index 00000000000000..c0c236a9276ee6
--- /dev/null
+++ b/css/css-text/line-break/reference/line-break-strict-018-ref.xht
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>CSS Reftest Reference</title>
+		<!-- reftest for line-break-strict-018.xht -->
+		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+		<link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+		<meta http-equiv="content-language" content="en, ja" />
+		<style type="text/css">
+			@font-face
+			{
+				font-family: "mplus-1p-regular";
+				src: url("/fonts/mplus-1p-regular.woff") format("woff");
+				/* filesize: 803300 bytes (784.5 KBytes) */
+				/*
+				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+				*/
+			}
+			p.control {
+				border: 1px solid gray;
+				color: blue;
+				font-family: "mplus-1p-regular";
+				width: 10.2em;		/* added extra .2em for some symbols wider than 1em */
+			}
+			span.target {
+				background-color: aqua;
+			}
+			div.wrapper {
+				display: inline-block;
+				border: 1px solid;
+				margin: 10px;
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body  lang="en">
+		<p>
+			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+		</p>
+		<div class="wrapper">
+            <!-- prefixes EURO SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#x20ac;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#x20ac;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes NUMERO SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#x2116;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH DOLLAR SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xff04;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH POUND SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xffe1;</span>サンプル文</span>
+            </p>
+		</div>
+		<div class="wrapper">
+            <!-- prefixes FULLWIDTH YEN SIGN -->
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
+            </p>
+            <p class="control" lang="ja">
+                <span>サンプル文サンプル<br /><span class="target">&#xffe5;</span>サンプル文</span>
+            </p>
+		</div>
+	</body>
+</html>