我怎样才能<span>向左</span>对齐<span>？</span>

Question

i need to align <span> to the left. I can't use:

position:absolute;
float:left;

Because when i use these, it is align in left but it cause me other problems. Does anybody know about some other option ?

EDIT: OK, i used float:left; and it is on the left side but the other span beneath simply dont stay on his line. I cant do </br> after span i tried this, i tried clear:left; it didnt help neither.

Answer 1

You should have a look at how floats work .

Using absolute means that you can position your span with the given distances to the edges of your div. Hence, using float: left; in addition to this doesn't make sense.

Instead you can do absolute positioning:

position: absolute;
left: 0px;

Answer 2

You need to declare your span as a display:block or inline-block and remove the position:absolute line. Then it will float left with the declaration that you have above.

{
    display: block;
    float: left;
}

Answer 3

The problem that you are encountering with may be that "All the other elements take the space to the right". And that is exactly what they are supposed to do. To avoid this, grab your elements that are floating to the right automatically and do this:

 clear:both;