JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myPets">
            <div class="myPetsText">
             <!--тут скрипт-->
                <a href="#">Тест 1</a>
                <a href="#">Тест 2</a>
                <a href="#">Тест 3</a>
                <a href="#">Тест 4</a>
                <a href="#">Тест 5</a>
            </div>
            <a href="#" class="addAnimal"><img src="http://s020.radikal.ru/i715/1305/7c/ebd5738f9b99.png" alt=""></a>
            <a href="#" class="viewAll">Смотреть всех питомцев</a>
        </div>

CSS

.myPets{
	background: url(http://s017.radikal.ru/i420/1305/5d/48f6dbcbc5aa.png) no-repeat;
	height: 137px;
	width: 634px;
	overflow: hidden;
}

.myPetsText{
	float: left;
	font-family: Verdana;
	font-size: 8pt;
	margin-left: 30px;
	margin-top: 40px;
	width: 60px;
}

.addAnimal{
	float: right;
	margin-right: -10px;
	margin-top: 35px;
}


.viewAll{
	clear: both;
	color: green;
	display: block;
	position: relative;
	left: 100px;
	bottom: 40px;
}