JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://emado.me/resources/jsfiddle/5myjg3we/bootstrap-rtl.min.css">
<section id="product-details" class="container">
	<article class="panel">
		<div class="panel-heading">
			<h1 id="product-name">اسم المنتج</h1>
			<div id="product-main-details" class="container">
				<div id="product-merchant">اسم التاجر</div>
				<div id="product-price" class="pull-right flip">
                    <span id="current-currency">US$ 0.99</span>
					<a href="#" id="purchase-button">شراء</a>
					<div id="YER-currency">(حوالي 214 ر.ي.)</div>
				</div>
			</div>
		</div>
		<hr>
		<div class="panel-body">
			<div id="product-description">
				<p>وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف ㅁㄴㅇㄹㄴㅇㄹㅈㄷㄹㅁㄴㅇㄹㅁالمنتج وصف المنتج وصف المنتج
وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج
وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج
وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج
وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج
وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج
وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج
وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج وصف المنتج
وصف المنتج وصف المنتج وصف</p>
			</div>
		</div>
	</article>
</section>

CSS

#product-description {
    padding: 0px 4px;
}

#product-description p {
    text-justify:inter-character;
    display:inline;
}