JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>test</title>
<style type="text/css">
        html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ }
        body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px }        
</style>
</head>
<div style="border: 1px solid #990099;">
                         БЛОК А
        <div style="height:100%;width:50%;float:right;">
                <div style="height:100%; border: 1px solid #3187BD;">
                         БЛОК Б
                        <ul>
                                <li>Тексты, Тексты, Тексты, Тексты, Тексты, Тексты, Тексты</li>
                                <li>Тексты, Тексты, Тексты, Тексты, Тексты, Тексты, Тексты</li>
                                <li>Тексты, Тексты, Тексты, Тексты, Тексты, Тексты, Тексты</li>
                                <li>Тексты, Тексты, Тексты, Тексты, Тексты, Тексты, Тексты</li>
                        </ul>
                </div>
        </div>
        <div style="clear:both">
        </div>
</div>
</html>