1127679-1a-inline-flex-relpos.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<style>

div {

  border: 1px solid blue;

  padding: 5px;

span {

  margin: 0 15px;

  border: 1px solid green;

  position: relative;

  top: 5px;

  left: 10px;

</style>

<body>

<!-- the dir attributes on the spans here should not affect their positioning -->

<div style="display: inline-flex;"><span dir=rtl>foo</span><span dir=ltr>bar</span>

</body>

</html>