Problems with float - place divs side by side [closed]

问题

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.

Closed 7 years ago.

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.

回答1:

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

来源：https://stackoverflow.com/questions/12764588/problems-with-float-place-divs-side-by-side