কিভাবে ডান পাশ থেকে টেক্সট ইন্ডেন্ট?

এই উদাহরণ বিবেচনা করুন:

enter image description here

কিভাবে ডান পাশ থেকে টেক্সট ইন্ডেন্ট? উদাহরণ থেকে দেখা যায়, এটি বাম দিক থেকে ইন্ডেন্ট করা হয়, তবে অন্য কোনো উপাদান প্রভাবিত না করে এটি কীভাবে বিপরীত করা যায়?

আমি টেক্সট-ইন্ডেন্ট দিয়ে খেলতে চেষ্টা করেছি, কিন্তু এটি বুঝতে পারিনি।

আমি এখানে প্রদান করেছি, কিন্তু এটি কাজ করতে পারিনি ।

আমি float: right এবং প্যাডিং দিয়ে এটি করতে সক্ষম হচ্ছি, কিন্তু তারা সেই ক্ষেত্রে ব্লক উপাদান হয়ে ওঠে, যা ঘটতে পারে না।

enter image description here

text-align does this, but it moves all of it to the right side. I want to keep it on the left, but with reverse alingment. It also should not affect anything on the right or left side of it.

0
প্রত্যাশিত আউটপুট কেমন দেখায়?
যোগ লেখক Salman A, উৎস
আপনি যে ট্যাগগুলি ব্যবহার করছেন তা পোস্ট করতে পারেন, প্যারেন্ট উপাদানটি তাদের CSS বৈশিষ্ট্যের সাথে অন্তর্ভুক্ত করুন। উদাহরণস্বরূপ টেক্সট অ্যালিং আপনি যদি স্প্যান ব্যবহার করে থাকেন তবে কাজ করবে না। jsfiddle.net/juanpa/av9y35sd
যোগ লেখক juanp_1982, উৎস
আপনি বর্তমানে এইচটিএমএল এবং CSS সরবরাহ করতে পারেন?
যোগ লেখক Richard Parnaby-King, উৎস
যে ইন্ডেন্ট দেখাচ্ছে না .. শুধু বাম-সংমিশ্রিত টেক্সট মত দেখাচ্ছে ...
যোগ লেখক ThisGuyHasTwoThumbs, উৎস
টেক্সট-অ্যালাইনটি ব্যবহার করুন: ডান (ফ্লোট ছাড়া)
যোগ লেখক ThisGuyHasTwoThumbs, উৎস
যোগ লেখক ThisGuyHasTwoThumbs, উৎস
আমি আপনাকে ভুল বুঝে ফেলতে পারতাম, কিন্তু টেক্সট-অ্যালাইনটি কি আপনার কাছে করে না? আপনি টেক্সট-অ্যালাইন সেট করতে পারেন: বাম বা ডান, যখন নির্দেশ: ltr
যোগ লেখক Ben Yitzhaki, উৎস
সম্পাদনা চেক আউট
যোগ লেখক Seinfeld, উৎস

5 উত্তর

স্টাইলশীটে প্যাডিং-ডান: 20px; যুক্ত করুন। অবশ্যই আপনি মান পরিবর্তন করতে পারেন।

3
যোগ
এটা বৈধ CSS নয় ...
যোগ লেখক ThisGuyHasTwoThumbs, উৎস
আমি ফোন থেকে এসেছি। ইতিমধ্যে আমার উত্তর সম্পাদনা।
যোগ লেখক Nekomajin42, উৎস
এবং এটি এটি চারপাশে সবকিছু প্রভাবিত করে
যোগ লেখক Seinfeld, উৎস

মনে হচ্ছে আপনি পাঠ্যটিকে কিছু প্যাডিংয়ের সাথে ডান-সংলগ্ন করতে চান তাই এটি বাক্সটির পাশে সঠিক নয়।

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

p {
  text-align:right;
  padding-right: 5em;
}

test


test test


somethin grandom


test again


this is the last test

</div> </div>

একটি বিকল্প দিক ব্যবহার করতে হয়:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

p {
  direction:rtl;
  text-indent: 5em
}

test


test test


somethin grandom


test again


this is the last test

</div> </div>
2
যোগ
কিছু যে, হ্যাঁ। এটা সব উত্তর ধরা কঠিন, কিন্তু আমি মনে করি আমি আমার প্রয়োজন আছে। সবাইকে ধন্যবাদ
যোগ লেখক Seinfeld, উৎস

টেক্সট-অ্যালাইন সহ প্রদর্শন: ইনলাইন-ব্লক ব্যবহার করুন। এটি কেবল যথেষ্ট পরিমাণে ধারককে প্রসারিত করবে এবং ব্লক প্রদর্শনের পরিবর্তন করবে না:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

.foo {
  display: inline-block;
  text-align: right;
  background: papayawhip;
}
<div class="foo">
  test
test test test
test test </div>
</div> </div>
1
যোগ

ইনলাইন-ব্লক উপাদানটি তৈরি করুন এবং তারপরে পাঠ্য-সারিবদ্ধ ব্যবহার করুন:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

.text {
  display: inline-block;
  text-align: right;
}

p {
  margin: 0;
}
<div class="text">
  
some text


text


some text text and more


some text

</div>
</div> </div>

অথবা ফ্লোট: বাম ব্যবহার করুন এবং পরে লাইন বিরতি পেতে চান তার পরে ফ্লোরে পরিষ্কার করুন:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

.text {
  float: left;
  text-align: right;
}

p {
  margin: 0;
}
<div class="text">
  
some text


text


some text text and more


some text

</div> <div style="clear:left;"> lorem ipsume dolret lorem ipsume dolret lorem ipsume dolret lorem ipsume dolret lorem ipsume dolret lorem ipsume dolret lorem ipsume dolret </div>
</div> </div>
1
যোগ

পাঠ্য দিক দিকনির্দেশ: rtl; ব্যবহার করে বিবেচনা করুন এবং তারপরে ইন্ডেন্টেশনটি প্রয়োগ করুন। এইভাবে আপনার লেখা ডান থেকে ইন্ডেন্ট করা প্রদর্শিত হবে।

0
যোগ