title: Moving text to right side CSS
body: <p>I'm facing a problem using CSS. I've expended the time allotted to complete the target job, but it's too hard for me. Now I'm going ask all of you (webmasters/developers) to solve my problem.</p>
  
  <p><img src="https://i.stack.imgur.com/vKzPV.png" alt="sidebar urgentfiles.com"></p>
  
  <p>Please review this picture and tell me how I can move the second line of text for the bullets numbered (3, 5, 6, 8) - I want the second line of text to start at the same horizontal position at which the first one starts.</p>
  
  <p>Here is CSS of this sidebar:</p>
  
  <pre><code>.plugins ul{padding-left:0;counter-reset:plugincount;}
  
  .plugins ul li{border-bottom:1px dashed #ddd;line-height:20px}
  
  .plugins ul li:before{content:counter(plugincount);counter-increment:plugincount;margin-left:-10px;margin-right:1px;background:#8FC93E;border-radius:25px;border:1px solid #000;color:#fff;font:bold 16px georgia;padding:.3em .6em}
  
  ..plugins ul li{border-bottom:1px dashed #ddd}
  
  .plugins ul li a{margin-left:10px;}
  
  .plugins ul li a:hover{text-decoration:none}
  
  .plugins ul li:hover,.plugins ul li:hover{border-bottom:1px dashed #696969}
  </code></pre>
  
  <p>Here is the original link of site: <a href="http://www.urgentfiles.com/" rel="nofollow noreferrer">Urgentfiles.com</a></p>