I have a div container with fixed height, fixed width and overflow I need to display text in 4 columns
The problem is this:
with the 'rtl' direction, firefox displays the last 4 columns and hides the rest, but I want to display the first 4 columns and hide everything else, which is done by switching the direction to "ltr", but this is Arabic content, and this needs to be done using the rtl direction
any help please! and sorry if I could not clearly discuss the problem.
<div class="article">Arabic Content here</div>
.article {
-moz-column-count: 4;
-moz-column-gap: 10px;
-moz-column-width: 40px;
height: 171px;
width: 500px;
overflow: hidden;
text-align: justify;
}
source
share