77 lines
3.0 KiB
HTML
77 lines
3.0 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xml:lang="en-GB" xmlns="http://www.w3.org/1999/xhtml" lang="en-GB"><head>
|
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<style type="text/css">
|
|
h1 {
|
|
color: #990000;
|
|
}
|
|
.panel {
|
|
display: block;
|
|
width: 306px;
|
|
background: #ddd;
|
|
float: left;
|
|
margin-right: 14px;
|
|
padding: 6px;
|
|
}
|
|
hr {
|
|
display: block;
|
|
clear: both;
|
|
margin: 16px 0;
|
|
}
|
|
.rtl {
|
|
direction: rtl;
|
|
}
|
|
|
|
|
|
.ltr a,
|
|
.ltr p {
|
|
padding-left: 40px;
|
|
background: #ddd url(resources/gradient.png) no-repeat scroll top left;
|
|
}
|
|
.rtl a,
|
|
.rtl p {
|
|
padding-right: 40px;
|
|
background: #ddd url(resources/gradient.png) no-repeat scroll top right;
|
|
}
|
|
</style>
|
|
</head><body>
|
|
<h1>Webkit background image positioning on RTL text</h1>
|
|
<h2>Behaviour within <p> tag</h2>
|
|
<div class="panel ltr">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
Nam mollis, elit eu vulputate ornare, est urna congue felis, id auctor
|
|
arcu odio imperdiet nulla. Cras viverra interdum diam blandit
|
|
adipiscing. Aliquam erat felis, iaculis sit amet rhoncus quis,
|
|
condimentum at nisl. Duis malesuada quam vel augue hendrerit porta.
|
|
Nulla vitae elementum mauris.</p>
|
|
</div>
|
|
|
|
<div class="panel rtl">
|
|
<p>
|
|
הובלת דירות בכל הארץ שירות, איכות ומחירים ללא תחרות הובלת דירות בכל הארץ שירות, איכות ומחירים ללא תחרות הובלת דירות בכל הארץ שירות, איכות ומחירים ללא תחרות
|
|
|
|
</p>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<h2>Behaviour within <a> tag</h2>
|
|
<div class="panel ltr">
|
|
<a href="#">Lorem ipsum dolor sit amet, consectetur
|
|
adipiscing elit. Nam mollis, elit eu vulputate ornare, est urna congue
|
|
felis, id auctor arcu odio imperdiet nulla. Cras viverra interdum diam
|
|
blandit adipiscing. Aliquam erat felis, iaculis sit amet rhoncus quis,
|
|
condimentum at nisl. Duis malesuada quam vel augue hendrerit porta.
|
|
Nulla vitae elementum mauris.</a>
|
|
</div>
|
|
|
|
<div class="panel rtl">
|
|
<a href="#">
|
|
הובלת דירות בכל הארץ שירות, איכות ומחירים ללא תחרות הובלת דירות בכל הארץ שירות, איכות ומחירים ללא תחרות הובלת דירות בכל הארץ שירות, איכות ומחירים ללא תחרות
|
|
|
|
</a>
|
|
</div>
|
|
|
|
</body></html> |