Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Setting borders to row line in list with Jquerymobile

Setting borders to row line in list with Jquerymobile

Problem

I am using jquerymobile,this code shows list with the colors of data-theme (black), how can i set it so those lines will start 2cm from left side and end in 2cm from the end row, I mean so the row wont bi on all the list row.

  • text

    text2

Problem courtesy of: Oleg

Solution

You can use CSS :after pseudo property for this. Write like this:

li:after{
 content:'';
 display:block;
 border-bottom:1px solid red;
 margin:0 2cm;
}  
Solution courtesy of: sandeep

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Setting borders to row line in list with Jquerymobile

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×