Skip to content

Instantly share code, notes, and snippets.

@MurakamiShinyu

MurakamiShinyu/text-width-problem.html

Last active June 25, 2023 10:12
Show Gist options
  • Save MurakamiShinyu/14d290222dced3b622ab37172ee54cd9 to your computer and use it in GitHub Desktop.
Save MurakamiShinyu/14d290222dced3b622ab37172ee54cd9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
text-width-problem.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Test</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP');
p {
width: 10em;
font-family: "Noto Sans JP", sans-serif;
background: yellow;
}
</style>
</head>
<body>
<p>一二三四五六七八九十</p>
<p>一二三四<span>五</span>六七八九十</p>
<p>一二三四五<span></span>六七八九十</p>
<p>一二三四五<wbr>六七八九十</p>
<p>一二三四五<!-- -->六七八九十</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment