Html <;p></p>;文本前显示句号
我用这个HTML代码创建了一个反滑器Html <;p></p>;文本前显示句号,html,css,Html,Css,我用这个HTML代码创建了一个反滑器 <div class="un-slider" dir="rtl"> <ul> <li> <div class="span6"> <blockquote class="testimonial"> <
<div class="un-slider" dir="rtl">
<ul>
<li>
<div class="span6">
<blockquote class="testimonial">
<p>Hello world i m arbaz mateen. like a little programmer.</p>
</blockquote>
<div class="testimonial-arrow-down"> </div>
<div class="testimonial-author">
<img src="" border="0" width="50" height="50">
<p><strong>Huzaifa Khalid</strong><br><span>BSCS Student at Iqra University</span></p>
</div>
</div>
</li>
<li class="flex-active-slide" style="width: 100%; float: left; display: block;">
<div class="span6">
<blockquote class="testimonial">
<p>MeriTaleem helped me find the right information at the right time. I was looking for admission updates and wanted to know the process of how to apply for admissions.</p>
</blockquote>
<div class="testimonial-arrow-down"> </div>
<div class="testimonial-author">
<img src="" border="0" width="50" height="50">
<p><strong>Huzaifa Khalid</strong><br><span>BSCS Student at Iqra University</span></p>
</div>
</div>
</li>
我不知道标签有什么问题 之所以如此,是因为在html中,将其更改为
ltr
或删除它,文档的文本方向是从右向左的,这就是为什么句子开头有点。但是,您的报价是英文的,因此应该具有从左到右的文本方向
为实现此添加参数<代码> dir=“LTR”<代码>两个代码> <代码> S.< /P>请考虑将代码添加到JSFIDLE。NET可能是LTR VS RTL格式化的一个问题…但要知道更多,我们需要看到一个完整的例子。您有什么问题?什么是理想的解决方案?@CBroe,检查我的答案,然后摆弄。他的解决方案增加了风险。从UL列表项。实际上,阿拉伯人从右到左书写。另外,从我所看到的来看,这个点来自他的UL项目。你所说的UL是什么意思?从作者截图中突出显示的内容来看,他在句首的意思是点,而不是
@Microsmsm中的点:另外,我想只有英文引语应该是ltr,其余的应该是rtl。
blockquote.testimonial {
background: rgba(177,227,172,0.9);
color: #000;
font-family: Georgia, serif;
font-style: italic;
font-size: 1.2em;
line-height: 1.3;
width: 80%;
border-radius: 10px;
border: 0;
margin: auto;
padding: 10px 50px;
position: relative;
display: block;
}
blockquote.testimonial p {
margin: 15px;
width: 90%;
padding: 20px 50px 20px 20px;
}
blockquote.testimonial:before {
color: #000;
content: "\201C";
font-size: 80px;
font-style: normal;
padding-right: 15px;
float: left;
}
blockquote.testimonial:after {
content: "\201D";
color: #000;
font-size: 80px;
font-style: normal;
float: right;
margin-top: -60px;
}