How to position button in the middle

Tags: html,css,jquery-mobile

Problem :

I am using jQuery Mobile to create my mobile application. I have a plus button which appears like this:

enter image description here

The issue is that it is down, touching the list item. How do I make the button positioned midway between the list item and the horizontal line above it? I attempted to use absolute positioning using css, which did not work.

Here is my code:

<span style="float:left;color:black;font-weight:bold;font-size:24px"><label for="newpostbutton">Posts</label></span>
<span style="float:right;"><a href="#" data-role="button" id="newpostbutton" data-icon="plus" data-iconpos="notext"></a></span>
<ul data-role="listview" data-inset="true" id="threads">
    <li>No conversations :(</li>

Any help would be appreciated :D

Solution :

nshah, you can always give your button a negative margin-top and play around with the numbers. But it looks like there is probably more going on with the default button styles. I would look there first.

margin-top: -15px;

    CSS Howto..

    how to count how many elements have a certain class

    How to adjust CSS to make footer fixed height?

    jQuery - How to adjust CSS filter (blur)?

    Contact page Design how to add Bootstrap

    How to change css style of input and some text in one function?

    jquery carousel how to have a gradient on start and ending slides

    How to make the background of my text larger?

    Only Lower Half Of The Border Is Shown

    How to highlight one image over other using jquery css? [duplicate]

    How to set height of a div element to same as another div

    How does the :not selector work to block older browsers and for which browsers does it work? [closed]

    How do I make a horizontal list of inline elements stack vertically when the div container is resized?

    How to convert a xml element into url using css?

    How to make these scale right in CSS (block with horizontal and vertical attachés)

    How I can make nice looking matrix of buttons with bootstrap 3?

    How can I get mobile safari to use the right CSS?

    How can I test websites for Mobile Devices

    How to get css and django working on live server

    How to make hero slider go always in the same direction

    How to use images in CSS that is used from Jade files rendered via Node.js

    How to override css cursor property of a hovered button?

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

    How to Have the Div Aligned to the Middle, and That Relative to the Parent Div?

    How can I insert new text with a hyperlink into a page in CSS?

    How i can match multiple CSS selectors

    How can I expand this picture to cover the width of my page?

    How to detect all events added on a div

    How do I implement CSS + JavaScript scripts on specific pages on our Drupal site? [closed]

    How to make css a:active work after the click?

    How can I make my div's svg background image scale dynamically and stay in the center of the div