szeretett volna már behúzni egy listaelem második sorát, ahelyett, hogy közvetlenül a felsoroláspont alatt jelenik meg? Valószínűleg ezért van itt, az alábbiakban pedig valószínűleg az eredmény, amelyet keres:
Ma megmutatjuk Önnek ennek egyszerű módját.
ennek oka az, hogy a pipa inline tartalom, így amikor a szöveg becsomagolódik, a szokásos módon folytatódik.
ezt a viselkedést a text-indent :
a text-indent tulajdonság meghatározza, hogy mennyi vízszintes helyet kell hagyni az elem szövegtartalmának első sorának kezdete előtt.
negatív szövegbevonat megadásával megmondhatja az első sornak, hogy a kívánt összeget balra tolja. Ha ezután megad egy pozitív párnázást-balra törölheti ezt az eltolást.
a következő példában egy érték 20px:-
ul { list-style: none; width: 200px; text-indent: -20px; /* key property */ margin-left: 20px; /* key property */ }li { margin-bottom: 10px; }és itt van ez, itt van egy CodePen a fenti akcióban.