Wyrównanie do prawej/lewej całego diva HTML

pytanie zadane 30 grudnia 2015 w HTML i CSS przez Kuba Bielawski Obywatel (1,760 p.)
zamknięte 30 grudnia 2015 przez Kuba Bielawski

Chciałbym żeby divy lewa i prawa były wyrodkowane do strony z nazwy. Kombinuje ale nie wiem czemu mi nie wychodzi.

body
{
	background-color: #303030;
	font-size: 20px;
	margin: 0 !important;
}
#container
{
	background-color: red;
	min-height: 200px;
	width: 100%;
}
#pasek
{
	background-color: red;
	min-height: 200px;
	width: 100%;
}
#pasekg
{
	background-color: blue;
	min-height: 50px;
	width: 100%;
}
#lewa
{
	float:left;
	background-color: green;
	margin-left:auto;
}
#prawa
{
	float: left;
	background-color: lightgreen;
	margin-right: auto;
}

<div id="pasek">
				<div id="pasekg">
					<div id="lewa">
						O MNIE WSPÓŁPRACA KONTAKT
					</div>
					<div id="prawa">
						EMOTIKONY!!!
					</div>
				</div>
				<div style="clear:both"></div>
				<div id="logo">
					TU BEDZIE LOGO
				</div>
			</div>

komentarz zamknięcia: wykonane :D

4 odpowiedzi

odpowiedź 30 grudnia 2015 przez Czort Nałogowiec (32,500 p.)
wybrane 30 grudnia 2015 przez Kuba Bielawski

Najlepsza

float:left; na float: right; w #prawa{}

komentarz 30 grudnia 2015 przez Kuba Bielawski Obywatel (1,760 p.)

taki fatalny błąd ;D

Dzięki wielkie, sam bym do tego nie dotarł bo czytałem od nowa kod pare razy iw szystko ok:/

komentarz 30 grudnia 2015 przez Eimens Maniak (69,240 p.)

Zakładam że angielskiego to nie znasz :3

odpowiedź 30 grudnia 2015 przez DL TD Nałogowiec (36,710 p.)

Chodzi o taki efekt?

HTML:

<div id="pasek">
  <div id="pasekg">
    <div id="lewa">
      O MNIE WSPÓŁPRACA KONTAKT
    </div>
    <div id="prawa">
      EMOTIKONY!!!
    </div>
  </div>
  <div style="clear:both"></div>
  <div id="logo">
    TU BEDZIE LOGO
  </div>
</div>

CSS:

body
{
    background-color: #303030;
    font-size: 20px;
    margin: 0 !important;
}
#container
{
    background-color: red;
    min-height: 200px;
    width: 100%;
}
#pasek
{
    background-color: red;
    min-height: 200px;
    width: 100%;
}
#pasekg
{
    background-color: blue;
    min-height: 50px;
    width: 100%;
}
#lewa
{
    text-align: center;
    background-color: green;
    margin-left:auto;
}
#prawa
{
    text-align: center;
    background-color: lightgreen;
    margin-right: auto;
}

Co zrobiłem? W obu divach o ID lewa i prawa nadpisałem float: left; na text-align: center;

Pozdrawiam!

komentarz 30 grudnia 2015 przez Kuba Bielawski Obywatel (1,760 p.)

zalezy mi na takim efekcie:

O MNIE WSPÓŁPRACA KONTAKT ________________________________________EMOTKI

_____________________________LOGO___________________________________________

Poprostu żeby div lewa był przyklejony od lewej,a ten z prawej do prawej strony..

To co mi dałeś stawia je pod sobą.