Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="bidi csswg issue 5121">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<style>
#container {
  border: 1px solid blue;
}
</style>
</head>
<body>
<!-- https://github.com/w3c/csswg-drafts/issues/5121 -->
<div id="container" dir="rtl">
 <p>
 تحدثنا وقالت في لغتها: 
 « I should be living at 2, Atlas street</span> »
 ثم ذهبت. 
 </p>
 <p id="br">
 تحدثنا وقالت في لغتها: 
 « I should be living at<br> 2, Atlas street</span> »
 ثم ذهبت. 
 </p>
<p>
<div>
 تحدثنا وقالت في لغتها: 
  « I should be living at</div><div> 2, Atlas street</span> »
 ثم ذهبت. 
</div></p>
</div>
<script>
const width_element = document.getElementById('br');
width_element.style.display = 'inline-block';
const width = width_element.offsetWidth;
container.style.width = `${width}px`;
</script>
</body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
kojiishipro
0viewers