How to write in two rows ENG / TR İki kolonda yazma kılavuzu

Pic from addadvice.com

<div class="pull-left"> <h2>English <hr /> <p dir="auto">If you want to write a bilingual article you either can write the whole article in one of the languages on the top and the second language on the bottom. This is nice, but some readers may not want to scroll down the whole page to find their language, other potential readers may even think, that the article is not written in their language and leave the page without reading it. <p dir="auto">Another way would be writing one sentence in the first language and immediately after this sentence the same sentence in the second language. I personally don't like this way at all, it stops the flow of reading and no joy remains. <p dir="auto">There is a third way, which I prefer, because the reader doesn't have to scroll down all the way and the flow of reading is still given. It's writing in two rows. <p dir="auto">In this article I want to show you how to write in two rows. You will see, that it is really very easy.<br /> <br /> <hr /> <div class="pull-right"> <h2>Türkçe <hr /> <p dir="auto">Bir yazıyı iki dilde yazmak istiyorsanız çeşitli yollara başvurabilirisniz. Ya yazınızı bir dilde yazarsınız ve sayfanın alt bölümünde bunun çevirini koyarsınız. Bu fena değildir fakat bazı okuyucular belki sayfanın en aşağısına kadar inmek istemezler ya da başkaları belki bu yazının anladıkları dilde yazılmadığını düşünebilirler ve sayfayı okumadan terk ederler. <p dir="auto">Başka bir yöntem şöyle olabilir; bir cümle yazdığınıztan sonra hemen ardından onun çevirisini yazarsınız. Ben şahsen bunu hiç sevmiyorum zira okumadaki akışı yok oluyor ve okuma zevki kalmıyor o şekilde. <p dir="auto">Kendim tercih ettiğim ücüncü bir yöntem vardır. İki kolon da yazsanız hem okuma akışı kalıyor hemde okuyu sayfayı görür görmez okumakla başlayabiliyor ve aşağı kaydırmak sorunda kalmıyor. <p dir="auto">Bu yazıda size iki kolonda nasıl yazıldığını öğreteceğim. Göreceksiniz ki, oldukça basittir. <hr /> <p dir="auto"><code><div class="pull-left"> <p dir="auto"><code>## Heading <p dir="auto"><code>---<br /> <code>Here you write your text. It's really as simple as that. <p dir="auto"><code>---<br /> <code></div><br /> <code><div class="pull-right"> <p dir="auto"><code>## Başlık <p dir="auto"><code>---<br /> <code>Buraya yazınızı yazıyorsunuz. Gerçekten o kadar basittir. <p dir="auto"><code>---<br /> <code></div> <hr /> <div class="pull-left"> <h2>Here is your heading <hr /> <p dir="auto">Here you write your text. It's really as simple as that. <hr /> <div class="pull-right"> <h2>Başlığınız buraya <hr /> <p dir="auto">Buraya da yazınızı yazıyorsunuz. Gerçekten o kadar basittir. <hr />