সিএসএস সহ উল ইন্ডেন্টেশন সরানো হচ্ছে

154

আমার তালিকার দীর্ঘ লাইনগুলি প্রায় মোড়ানো হলে আমি আমার আনর্ডারড তালিকা থেকে ইন্ডেন্টটি সরিয়ে ফেলতে পারি না। এখানে আমার তালিকাটি দেখতে কেমন:

উইন্ডোজ ব্যবহারকারীরা পুট্টি ব্যবহার করতে পারেন
ম্যাক ব্যবহারকারীরা টার্মিনাল.এপ ব্যবহার করতে পারেন
লিনাক্স ব্যবহারকারীরা এসএসএইচ ব্যবহার করতে পারেন userid@ourserver.com পোর্ট 22
...........> অথবা সাইবারডুককের মতো একটি এসএফটিপি প্রোগ্রাম ব্যবহার করুন এটি ঠিক ........................... এ নির্দেশ করুন ..............> Ourerver.com, পোর্ট 22 port

(বিন্দুগুলি ইনডেন্টগুলি দেখায়)

আমি একগুচ্ছ সমাধানগুলি পড়েছি এবং টেক্সট-ইনডেন্ট, তালিকা-শৈলী ব্যবহার করে শূন্যে মার্জিন এবং প্যাডিং সেট করার চেষ্টা করেছি, তবে কিছুই কার্যকর হয় না। আমি মনে করি সমস্যাটি হ'ল তালিকার উপরে একটি শিরোনাম রয়েছে যা আমার কেন্দ্রিক হওয়া দরকার এবং তাই আমি মার্জিনগুলিকে অটোতে সেট করছি এবং তারপরে এটি নীচের তালিকায় গোলমাল করছে। তবে আমি পিতামাতার ভিতরে দুটি ডিভ বললেও তা কার্যকর হয় না।

এইচটিএমএল / সিএসএস এখানে রয়েছে (কিছু কিছু সেটিংয়ের ক্ষেত্রে আমি সমস্ত কিছু অন্তর্ভুক্ত করেছি যা অন্য সমস্ত সমাধানগুলিকে ব্যর্থ করে দিচ্ছে)

<div id="info">
    <p><strong>Did you know you can SSH directly to ourserver.com?</strong> </p> 
    <ul>
        <li>Windows users can use putty</li>
        <li>Mac users can use the <a href="http://www.terminfo.org">Terminal.app</a></li>
        <li>Linux users can use SSH userid@ourserver.com port 22</li>
        <li>Or use an SFTP program like <a href="http://cyberduck.ch/">Cyberduck</a> just point it at ourserver.com, port 22</li>
    </ul>
</div>

#info {
    color:#FFFFFF;
    width:440px;
    margin-left:auto;
    margin-right:auto;
    border-radius: 10px;
    border-style:solid;
    border-width:2px;
    border-color:#FFF; 
    padding-bottom:20px; padding-left:20px; padding-right:20px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#cccccc));
    overflow: hidden;
}
#info ul li { 
    float:left;
}

html css html-lists

— solerous
সূত্র

আমি এটিকে একটি বেহালার মধ্যে রেখেছি ... এটি আমার কাছে ঠিক দেখাচ্ছে jsfiddle.net/qeqtK

— tedski

যারা এটি দেখতে চান তাদের জন্য jsfiddle ... বা কেবল টেডস্কির লিঙ্কটি ব্যবহার করুন;)

আহ তবে আপনার "নর্মালাইজড সিএসএস" চেক করা আছে, যা আপনি সাধারণত দেখেন না :)

— tedski

391

এই কোডটি ইনডেন্টেশন এবং তালিকা বুলেটগুলি সরিয়ে ফেলবে।

ul {
    padding: 0;
    list-style-type: none;
}

http://jsfiddle.net/qeqtK/2/

— জাক
সূত্র

1

উত্তরের জন্য ধন্যবাদ. আমি এখন সমস্যাটি বুঝতে পেরেছি। আমি ব্যবহার করছিলাম: বডি {টেক্সট-সারিবদ্ধ: কেন্দ্র;}

— একমাত্র

9

-webkit-padding-start: 0;

ওয়েবকিট ইঞ্জিন দ্বারা যুক্ত প্যাডিং সরানো হবে

— pleerock
সূত্র

0

এটি থেকে সরান #info:

    margin-left:auto;

আপনার শিরোলেখের জন্য এটি যুক্ত করুন:

#info p {
    text-align: center;
}

আপনার কি নির্দিষ্ট প্রস্থ ইত্যাদি দরকার? আমি আমার মতে প্রয়োজনীয় জিনিসগুলি অপসারণ করেছি এবং এর সাথে শিরোনামকে কেন্দ্র করে রেখেছি text-align।

নমুনা
http://jsfiddle.net/Vc8CB/

— Smamatti
সূত্র