Skip to main content

Return to Question

Post Closed as "Duplicate" by caramba, pppery, Paulie_D css
added 90 characters in body
Source Link
C1X
C1X
  • 725
  • 5
  • 15
  • 26

Css - Move lastfirst <li> element at the end

i have this code:

    <ul class="careplus-infolist">
    <li>
        <i class="careplus-bgcolor-two fa fa-envelope"></i>
        <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>
        <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>                                        
    </li>
    <li>
        <i class="careplus-bgcolor-two fa fa-clock-o"></i>
        <span>9:00 - 13:00</span>
        <span>15:00 - 18:00 pm</span>  
    </li>
    <li>
        <i class="careplus-bgcolor-two fa fa-map-marker"></i>
        Main Street 22
        09030 Los Angeles CA  
    </li>
</ul>

I want to move the first li tag to the end of the list. I mean the li tag that contains email addresses after the li tag that contains

Main Street 22 09030 Los Angeles CA

For this operation i can't add classes manually, it is autogenerate code and i can use only css ( not javascript).

This is an horizontal list for a full screen view and a vertical list for mobile view

Css - Move last <li> element at the end

i have this code:

    <ul class="careplus-infolist">
    <li>
        <i class="careplus-bgcolor-two fa fa-envelope"></i>
        <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>
        <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>                                        
    </li>
    <li>
        <i class="careplus-bgcolor-two fa fa-clock-o"></i>
        <span>9:00 - 13:00</span>
        <span>15:00 - 18:00 pm</span>  
    </li>
    <li>
        <i class="careplus-bgcolor-two fa fa-map-marker"></i>
        Main Street 22
        09030 Los Angeles CA  
    </li>
</ul>

I want to move the first li tag to the end of the list. I mean the li tag that contains email addresses after the li tag that contains

Main Street 22 09030 Los Angeles CA

For this operation i can't add classes manually, it is autogenerate code and i can use only css ( not javascript)

Css - Move first <li> element at the end

i have this code:

    <ul class="careplus-infolist">
    <li>
        <i class="careplus-bgcolor-two fa fa-envelope"></i>
        <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>
        <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>                                        
    </li>
    <li>
        <i class="careplus-bgcolor-two fa fa-clock-o"></i>
        <span>9:00 - 13:00</span>
        <span>15:00 - 18:00 pm</span>  
    </li>
    <li>
        <i class="careplus-bgcolor-two fa fa-map-marker"></i>
        Main Street 22
        09030 Los Angeles CA  
    </li>
</ul>

I want to move the first li tag to the end of the list. I mean the li tag that contains email addresses after the li tag that contains

Main Street 22 09030 Los Angeles CA

For this operation i can't add classes manually, it is autogenerate code and i can use only css ( not javascript).

This is an horizontal list for a full screen view and a vertical list for mobile view

add snippet for code
Source Link
A. Meshu
A. Meshu
  • 4.1k
  • 2
  • 23
  • 35

i have this code:

<ul class="careplus-infolist">
<li>
    <i class="careplus-bgcolor-two fa fa-envelope"></i>
    <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>
    <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>                                        
</li>
<li>
    <i class="careplus-bgcolor-two fa fa-clock-o"></i>
    <span>9:00 - 13:00</span>
    <span>15:00 - 18:00 pm</span>  
</li>
<li>
    <i class="careplus-bgcolor-two fa fa-map-marker"></i>
    Main Street 22
    09030 Los Angeles CA  
</li>


    <ul class="careplus-infolist">
    <li>
        <i class="careplus-bgcolor-two fa fa-envelope"></i>
        <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>
        <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>                                        
    </li>
    <li>
        <i class="careplus-bgcolor-two fa fa-clock-o"></i>
        <span>9:00 - 13:00</span>
        <span>15:00 - 18:00 pm</span>  
    </li>
    <li>
        <i class="careplus-bgcolor-two fa fa-map-marker"></i>
        Main Street 22
        09030 Los Angeles CA  
    </li>
</ul>

I want to move the first li tag to the end of the list. I mean the li tag that contains email addresses after the li tag that contains

Main Street 22 09030 Los Angeles CA

For this operation i can't add classes manually, it is autogenerate code and i can use only css ( not javascript)

i have this code

<ul class="careplus-infolist">
<li>
    <i class="careplus-bgcolor-two fa fa-envelope"></i>
    <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>
    <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>                                        
</li>
<li>
    <i class="careplus-bgcolor-two fa fa-clock-o"></i>
    <span>9:00 - 13:00</span>
    <span>15:00 - 18:00 pm</span>  
</li>
<li>
    <i class="careplus-bgcolor-two fa fa-map-marker"></i>
    Main Street 22
    09030 Los Angeles CA  
</li>

I want to move the first li tag to the end of the list. I mean the li tag that contains email addresses after the li tag that contains

Main Street 22 09030 Los Angeles CA

For this operation i can't add classes manually, it is autogenerate code and i can use only css ( not javascript)

i have this code:

    <ul class="careplus-infolist">
    <li>
        <i class="careplus-bgcolor-two fa fa-envelope"></i>
        <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>
        <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>                                        
    </li>
    <li>
        <i class="careplus-bgcolor-two fa fa-clock-o"></i>
        <span>9:00 - 13:00</span>
        <span>15:00 - 18:00 pm</span>  
    </li>
    <li>
        <i class="careplus-bgcolor-two fa fa-map-marker"></i>
        Main Street 22
        09030 Los Angeles CA  
    </li>
</ul>

I want to move the first li tag to the end of the list. I mean the li tag that contains email addresses after the li tag that contains

Main Street 22 09030 Los Angeles CA

For this operation i can't add classes manually, it is autogenerate code and i can use only css ( not javascript)

Source Link
C1X
C1X
  • 725
  • 5
  • 15
  • 26

Css - Move last <li> element at the end

i have this code

<ul class="careplus-infolist">
<li>
    <i class="careplus-bgcolor-two fa fa-envelope"></i>
    <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>
    <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span>                                        
</li>
<li>
    <i class="careplus-bgcolor-two fa fa-clock-o"></i>
    <span>9:00 - 13:00</span>
    <span>15:00 - 18:00 pm</span>  
</li>
<li>
    <i class="careplus-bgcolor-two fa fa-map-marker"></i>
    Main Street 22
    09030 Los Angeles CA  
</li>

I want to move the first li tag to the end of the list. I mean the li tag that contains email addresses after the li tag that contains

Main Street 22 09030 Los Angeles CA

For this operation i can't add classes manually, it is autogenerate code and i can use only css ( not javascript)