LayoutTests/css3/line-break/line-break-normal-half-kana.html - third_party/webkit - Git at Google

 <html>
     <head>
         <title>Line breaks using [-webkit-]line-break : normal - before half kana</title>
         <style>
           @font-face {
             font-family: AllAhem;
             src: url("resources/AllAhem.svg") format("svg");
           }
           span > div {
             font-family: "AllAhem";
             font-size: 16pt;
             width: 4.5em;
             display: inline-block;
           }
           div > p {
             border: solid blue 1px;
             -webkit-line-break: normal;
           }
         </style>
     </head>
     <body>
         <span lang="en">
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x3041;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x3043;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x3045;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x3047;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x3049;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x3095;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x3096;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x3063;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x3083;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x3085;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x3087;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x308e;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30a1;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30a3;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30a5;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30a7;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30a9;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30f5;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31f0;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30f6;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31f1;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31f2;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30c3;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31f3;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31f4;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31f5;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31f6;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31f7;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31f8;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31f9;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31fa;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30e3;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30e5;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30e7;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31fb;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31fc;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31fd;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31fe;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x31ff;</p>
             </div>
             <div>
                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30ee;</p>
             </div>
         </span>
     </body>
 </html>
	<html>
	<head>
	<title>Line breaks using [-webkit-]line-break : normal - before half kana</title>
	<style>
	@font-face {
	font-family: AllAhem;
	src: url("resources/AllAhem.svg") format("svg");
	}
	span > div {
	font-family: "AllAhem";
	font-size: 16pt;
	width: 4.5em;
	display: inline-block;
	}
	div > p {
	border: solid blue 1px;
	-webkit-line-break: normal;
	}
	</style>
	</head>
	<body>
	<span lang="en">
	<div>
	<p>一二三四ぁ</p>
	</div>
	<div>
	<p>一二三四ぃ</p>
	</div>
	<div>
	<p>一二三四ぅ</p>
	</div>
	<div>
	<p>一二三四ぇ</p>
	</div>
	<div>
	<p>一二三四ぉ</p>
	</div>
	<div>
	<p>一二三四ゕ</p>
	</div>
	<div>
	<p>一二三四ゖ</p>
	</div>
	<div>
	<p>一二三四っ</p>
	</div>
	<div>
	<p>一二三四ゃ</p>
	</div>
	<div>
	<p>一二三四ゅ</p>
	</div>
	<div>
	<p>一二三四ょ</p>
	</div>
	<div>
	<p>一二三四ゎ</p>
	</div>
	<div>
	<p>一二三四ァ</p>
	</div>
	<div>
	<p>一二三四ィ</p>
	</div>
	<div>
	<p>一二三四ゥ</p>
	</div>
	<div>
	<p>一二三四ェ</p>
	</div>
	<div>
	<p>一二三四ォ</p>
	</div>
	<div>
	<p>一二三四ヵ</p>
	</div>
	<div>
	<p>一二三四ㇰ</p>
	</div>
	<div>
	<p>一二三四ヶ</p>
	</div>
	<div>
	<p>一二三四ㇱ</p>
	</div>
	<div>
	<p>一二三四ㇲ</p>
	</div>
	<div>
	<p>一二三四ッ</p>
	</div>
	<div>
	<p>一二三四ㇳ</p>
	</div>
	<div>
	<p>一二三四ㇴ</p>
	</div>
	<div>
	<p>一二三四ㇵ</p>
	</div>
	<div>
	<p>一二三四ㇶ</p>
	</div>
	<div>
	<p>一二三四ㇷ</p>
	</div>
	<div>
	<p>一二三四ㇸ</p>
	</div>
	<div>
	<p>一二三四ㇹ</p>
	</div>
	<div>
	<p>一二三四ㇺ</p>
	</div>
	<div>
	<p>一二三四ャ</p>
	</div>
	<div>
	<p>一二三四ュ</p>
	</div>
	<div>
	<p>一二三四ョ</p>
	</div>
	<div>
	<p>一二三四ㇻ</p>
	</div>
	<div>
	<p>一二三四ㇼ</p>
	</div>
	<div>
	<p>一二三四ㇽ</p>
	</div>
	<div>
	<p>一二三四ㇾ</p>
	</div>
	<div>
	<p>一二三四ㇿ</p>
	</div>
	<div>
	<p>一二三四ヮ</p>
	</div>
	</span>
	</body>
	</html>