జాబితాను మధ్యలో ఎలా చేయడం?

CSS ద్వారా జాబితాను మధ్యలో చేయడానికి ఎలా నేర్చుకోండి.

కోక్కో

మీ HTML జాబితాను మధ్యలో చేయండి

చేయండి <ul> మొదటి చర్య - HTML జోడించండి: <div>మీరు మీ ఎలమెంట్స్ ను కంటైనర్ ఎలమెంట్స్ లో పెట్టండి, ఉదాహరణకు

<div class="container">
  <ul class="myUL">
    <li>కాఫీ</li>
    <li>చెయ్</li>
    <li>కోక్కో</li>
  </ul>
</div>

రెండవ చర్య - CSS జోడించండి:

చేయండి <div> అంశాలను మధ్యలో సరిహద్దు చేయండి, మరియు <ul> యొక్క ప్రదర్శనను మార్చండి inline-block。

లేకపోతే, మీరు కుష్టిగా జాబితా అంశాలను కలిగించి మంచి దృష్టి పొందవచ్చు:

div.container {
  text-align: center;
{}
ul.myUL {
  display: inline-block;
  text-align: left;
{}

亲自试一试

相关页面

教程：CSS 对齐