<div>
<div class="content wysiwyg-content">
Hi,<br />
<br />
I have the following line of code for jquerymobile. &nbsp;The problem is that i don't know how to modify the css for estatus and tipo to arrange the spans circles horizontally automatically. I don't want to specify the px because later this will be programmable and the length can vary. Any idea?<br />
<br />

<pre><code id="code-10-28512416-1">&lt;li&gt;&lt;a href=&quot;#&quot;&gt;resultado&lt;span class=&quot;ui-li-count estatus&quot;&gt;25&lt;/span&gt;&lt;span class=&quot;ui-li-count tipo&quot;&gt;pruebas&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</code></pre>
</div>
</div>


Hi,

I have the following line of code for jquerymobile.  The problem is that i don't know how to modify the css for estatus and tipo to arrange the spans circles horizontally automatically. I don't want to specify the px because later this will be programmable and the length can vary. Any idea?

(CODE)

jquerymobile circles inside a list row to arrange horizontally

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.