Wyśrodkowanie divów z floatem. Jakie są możliwości?

Mam pytanie odnośnie wycentrowania divów z właściwością float. Mianowicie jakie są sposoby na centrowanie dwóch divów z właściwością float. Szukałem dość długo i jedyne co się powtarzało na forach to wrzucenie tych dwóch divów w kolejnego diva i dopiero centrowanie. Kod jaki napisałem, w sumie jak zacząłem szukać sposobów innych na wyśrodkowanie, to prawie każdy znaleziony przykład był podobny do mojego.

<div class="pierwsza">
		<div class="extra">
			<div class="text">
				tekst 1
			</div>
			<div class="text">
				tekst 2
			</div>
		</div>
	</div>

CSS:

.pierwsza {
  width: 800px;
  height:250px;
  margin: 0 auto;
  background-color: yellow;
  text-align: center;
}

.extra {
   display: inline-block; 
}

.text {
  float:left;
  width:300px;
  background-color: blue;
  height:200px;
}