How to indent items of a sublist using css and html in wordpress

Tags: html,css,html5,wordpress,css3

Problem :

I hava a nested and the bullets change but the actual indentions of the text don't, it looks like this...

I have want the physical bullets to be moved. I tried using   or something like that but it just messed it up. Any help is greatly appriceated thanks.

Solution :

You can add padding-left to the second <ul> element, which will indent the bullets as well as the text. Something like padding-left: 20px or padding-left: 30px should do the trick.

Or, even better, you could create a css class. Something like

.nested-list {
    padding-left: 30px;

and add that class to the nested list.

    CSS Howto..

    How to make the table fit to the mobile screen size in css?

    How to select child element inside first, second or third html element with CSS classes?

    How to extend background CSS styling indefinitely along the x-axis?

    Animate css depending on mouse movement [how can I improve]

    How do I remove white space INSIDE CSS border? I want the border to be tight around the text

    CSS HTML - How to add more outer colour on the drop down menus and more than one word per drop down

    How to hide first 3 childs of UL using CSS

    I'm making a chatbox. I have a div and input field inside of a div. I want them to resize in a particular way. How do I do this, preferably with css?

    How to vertical center ordered list-navigation

    Css tool, to calculate how many (in bytes) inline css in html

    How can I easily copy the whole CSS file from a website?

    How to use background css for an image not in the Content or Resource folder

    How to get an image from a css animation keyframe to remain on the page after complete [duplicate]

    How to add a new CSS class to a Link Badge if the value is 0?

    How to make iframe use all height available to it

    How to show sorting order if column width is smaller than caption in free jqgrid

    How to make CSS for HTML5
    work properly in IE?

    how to make nav brand centrally aligned

    When styling XML with CSS, how to refer to tag names that contain periods or colons?

    How to create a nested vertical menu with horizontally sub-menus using css

    How to change the size of the radio button using CSS?

    How can I have a div/span “fill in” the remaining width/height of the page, and stay fixed in position?

    How to create an opacity fade()? ( improvement over jQuery)

    How to change MenuItem focus/hover color

    How make my CSS responsive using Bootstrap 3.1

    How to place two divs next to each other?

    how can I do this space between tables? [closed]

    how to fill div with full height of page in css? (page is taller than 100%) for ajax loading gif background

    Color of links not always showing correctly

    How can I create a CSS “well” effect similar to bootstap but deeper?