Can I use the display:inline with text-align: right?

Question

Example:

<td>
  <img src="..." />
  <img src="..." />
  <div style="text-align:right display:inline;">
    hello world!
  </div>
</td>

Answer 1

Well technically you can but it will have no effect. Display: inline will display the div as an inline element (like an a or span) and therefore not have a width - it will shrink to fit the text.

If you are trying to display inline text on the right try using float: right;

Also, in your code you missed out an ";" after the text-align: right.

Answer 2

You can wrap the element which you want to have display:inline inside another div with dir="rtl"

<div dir="rtl">
  <div style="display: inline">Align to the right</div>
</div>

Demo: https://jsfiddle.net/guya/xwhodc0s/