0

Hi,

I would like two have the two green arrows in the same level. Right now the right arrow appears lower than the left arrow; I am using (inline floating): 

<div class="span6" style="float: right; " >

I also would like to have the text 12345 right in the center of the two arrows.

Here is the code: http://jsfiddle.net/8E9aB/2/ - I am using bootstrap css.

Lasse Christiansen
  • 10,205
  • 7
  • 50
  • 79
benji_r
  • 535
  • 2
  • 16
  • 34

1 Answers1

2

Possible duplicate of: CSS: Placing divs left/center/right inside header

I have updated your jsFiddle with a possible solution: http://jsfiddle.net/8E9aB/3/

My answer is based on: https://stackoverflow.com/a/11570931/700926 which explains the solution quite well.

-- UPDATE

As you are using twitter bootstrap, another solution could have been using the build-in grid system to accomplish more or less the same thing - take a look at it here: http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

Community
  • 1
  • 1
Lasse Christiansen
  • 10,205
  • 7
  • 50
  • 79
  • Your solution is perfect, but Unfortunately when I do the same thing, it doesnt work on my local computer and files . I do use Bootstrap – benji_r Oct 06 '12 at 23:49
  • 1
    Well, as the solution seems to work in the context given by your jsFiddle I think it would be fair if you at least accepts or upvotes my answer. I cannot help you with your current problem as its kinda impossible to replicate without its context ;) However, I would suggest that you by process of elimination boils down the amount of code on your local machine until you figure out what might interfere with the provided solution - cause apparently, it sounds like you have some code that interferes with the given solution. – Lasse Christiansen Oct 07 '12 at 00:08
  • Here is a link to the grid bootstrap page: http://getbootstrap.com/examples/grid/ – zero_cool Jul 09 '14 at 14:32