JSFiddle - React, Tailwind, and code Playground

HTML

<h3 style="text-align: center; margin-bottom: 1em;">Изображение и текст. Обтекание изображения текстом.</h3>
<p>Выберите значение параметра выравнивания и нажмите кнопку <strong>Просмотр</strong></p>

<div><input type="radio" name="subject" value="left">(left) изображение выравнивается по левому краю</div>
<div><input type="radio" name="subject" value="right">(right) изображение выравнивается по правому краю</div>

<p>
  <input type="button" name="subject1" value="Просмотр">
  <input type="button" name="subject2" value="Oтменить">
</p>

<div style="background-color: aliceblue;">
  <img src="http://www.classtools.net/_FAKEBOOK/images//a/a_nonymous.jpg?350" id="a" style="width: 300px; border-width: 3px;">
  <span>Иван Иванович Шишкин является одним из основоположников русского национального пейзажа. В полотне "Рожь" Шишкин создал образ большой эпической силы и подлинно монументального звучания. Могучая, полная богатырских сил природа, богатый, привольный край. (Т. Юрова)</span>
</div>

JavaScript

(function() {
    document.getElementsByName('subject1')[0].onclick = function() {
        var radios = document.getElementsByName('subject');
        var align = null;
        if (radios[0].checked) align = 'left';
        else align = 'right';
        document.getElementById('a').align = align;
    };
})();