Как я могу сосредоточиться на внутреннем дине? ⇐ Html

[Anonymous]

Я действительно не знаю, где проблема этого. Я пробую это с полом: 0 Auto , чтобы сосредоточиться на div . Но я снова и снова потерпел неудачу. Может ли кто -нибудь решить мою проблему? Я искал и нашел какое -то решение в Stack Overflow , но этот ответ не удовлетворяет моей ситуации. Я хочу два ценовых таблице в центре Div с Float: слева друг друга. Кстати, я также использую начальную загрузку в Твиттере. />

Код: Выделить всё

.wrapper {
background-color: #05588B;
}
.pricing_main {
padding: 10px;
}
.btn1 {
background: #008ED6;
background-image: -webkit-linear-gradient(top, #008ED6, #008ED6);
background-image: -moz-linear-gradient(top, #008ED6, #008ED6);
background-image: -ms-linear-gradient(top, #008ED6, #008ED6);
background-image: -o-linear-gradient(top, #008ED6, #008ED6);
background-image: linear-gradient(to bottom, #008ED6, #008ED6);
-webkit-border-radius: 2;
-moz-border-radius: 2;
border-radius: 2px;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 20px 15px 20px 15px;
text-decoration: none;
font-weight: bold;
border: 1px solid #008ED6;
margin-right: 2%;
margin-bottom: 4%;
}
.btn1:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
border: 1px solid #008ED6;
}
.button_area {
text-align: center;
margin-top: 2%;
}
.btn2 {
background: #055689;
background-image: -webkit-linear-gradient(top, #055689, #055689);
background-image: -moz-linear-gradient(top, #055689, #055689);
background-image: -ms-linear-gradient(top, #055689, #055689);
background-image: -o-linear-gradient(top, #055689, #055689);
background-image: linear-gradient(to bottom, #055689, #055689);
-webkit-border-radius: 2;
-moz-border-radius: 2;
border-radius: 2px;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 20px 30px 20px 30px;
text-decoration: none;
font-weight: bold;
border: 1px solid #ffffff;
}
.btn2:hover {
background: #008ED6;
background-image: -webkit-linear-gradient(top, #008ED6, #008ED6);
background-image: -moz-linear-gradient(top, #008ED6, #008ED6);
background-image: -ms-linear-gradient(top, #008ED6, #008ED6);
background-image: -o-linear-gradient(top, #008ED6, #008ED6);
background-image: linear-gradient(to bottom, #008ED6, #008ED6);
text-decoration: none;
}
.button_group {
padding-bottom: 3%;
}
.price_block {
width: 37%!important;
border: 1px solid #ddd;
margin-right: 6%;
padding-left: 0px!important;
padding-right: 0px!important;
}
.price_block2 {
width: 37%!important;
border: 1px solid #ddd;
padding-left: 0px!important;
padding-right: 0px!important;
}
.price_block h3 {
text-align: center;
color: #008ED6;
font-weight: bold;
}
.price_block2 h3 {
text-align: center;
color: black;
font-weight: bold;
}
.price {
background-color: #008ED6;
color: white;
}
.price2 {
background-color: #E5E5E5;
color: black;
}
.price_block .price {
text-align: center;
line-height: 0px;
padding: 18px;
}
.price_block2 .price2 {
text-align: center;
line-height: 0px;
padding: 18px;
}
.price_block ul {
margin-top: 7%;
color: #909090
}
.price_block ul li {
list-style: none;
line-height: 30px;
}
.price_block2 ul {
margin-top: 7%;
color: #909090
}
.price_block2 ul li {
list-style: none;
line-height: 30px;
}
.price_block .btn3 {
text-align: center;
}
.fa-check {
background-color: #0DAA7A;
color: white;
border-radius: 8px;
width: 16px;
height: 16px;
text-align: center;
}
.fa-close {
background-color: #e74c3c;
color: white;
border-radius: 8px;
width: 16px;
height: 16px;
text-align: center;
}
.btn3 {
text-align: center;
}
.price_block .btn3 {
text-align: center;
background: #008ED6;
background-image: -webkit-linear-gradient(top, #008ED6, #008ED6);
background-image: -moz-linear-gradient(top, #008ED6, #008ED6);
background-image: -ms-linear-gradient(top, #008ED6, #008ED6);
background-image: -o-linear-gradient(top, #008ED6, #008ED6);
background-image: linear-gradient(to bottom, #008ED6, #008ED6);
-webkit-border-radius: 2;
-moz-border-radius: 2;
border-radius: 2px;
font-family: Arial;
color: #ffffff;
font-size: 15px;
padding:  10px 20px 10px 20px;
text-decoration: none;
border: 1px solid #008ED6;
margin-top: 4%;
margin-bottom: 4%;
font-weight: bold;
}
.price_block .btn3:hover {
background: #3da4e3;
background-image: -webkit-linear-gradient(top, #3da4e3, #3da4e3);
background-image: -moz-linear-gradient(top, #3da4e3, #3da4e3);
background-image: -ms-linear-gradient(top, #3da4e3, #3da4e3);
background-image: -o-linear-gradient(top, #3da4e3, #3da4e3);
background-image: linear-gradient(to bottom, #3da4e3, #3da4e3);
text-decoration: none;
}
.price_block2 .btn4 {
text-align: center;
background: #909090;
background-image: -webkit-linear-gradient(top, #909090, #909090);
background-image: -moz-linear-gradient(top, #909090, #909090);
background-image: -ms-linear-gradient(top, #909090, #909090);
background-image: -o-linear-gradient(top, #909090, #909090);
background-image: linear-gradient(to bottom, #909090, #909090);
-webkit-border-radius: 2;
-moz-border-radius: 2;
border-radius: 2px;
font-family: Arial;
color: #ffffff;
font-size: 15px;
padding: 10px 20px 10px 20px;
text-decoration: none;
border: 1px solid #909090;
margin-top: 4%;
margin-bottom: 4%;
font-weight: bold;
}
.price_block2 .btn4:hover {
background: #909090;
background-image: -webkit-linear-gradient(top, #909090, #909090);
background-image: -moz-linear-gradient(top, #909090, #909090);
background-image: -ms-linear-gradient(top, #909090, #909090);
background-image: -o-linear-gradient(top, #909090, #909090);
background-image: linear-gradient(to bottom, #909090, #909090);
text-decoration: none;
}< /code>





ANNUAL PLAN

Save 33% on the Annual Plan
$37 $25
/billed annually

[list]
[*][i][/i] Find Thousand of Profitable Keywords in Seconds
[*][i][/i] Calculate Keyword Competitiveness
[*][i][/i] Competitor analysis on Top 10 Google Results
[*][i][/i] Check Rankings of sites in Google, Yahoo, and Bing
[*][i][/i] Import Lists of 10,000 Keywords at Once
[*][i][/i] Get Access to the Platinum VIP Facebook Community
[*][i][/i] FREE Access to Long Tail University ($197 in Value)
[*][i][/i] Save 33% on Platinum with the Annual Plan
[/list]

ORDER NOW



MONTHLY PLAN

Monthly Payment
$37
/billed monthly

[list]
[*][i][/i] Find Thousand of Profitable Keywords in Seconds
[*][i][/i] Calculate Keyword Competitiveness
[*][i][/i] Competitor analysis on Top 10 Google Results
[*][i][/i] Check Rankings of sites in Google, Yahoo, and Bing
[*][i][/i] Import Lists of 10,000 Keywords at Once
[*][i][/i] Get Access to the Platinum VIP Facebook Community
[*][i][/i]  FREE Access to Long Tail University ($197 in Value)
[*][i][/i] Save 33% on Platinum with the Annual Plan
[/list]

ORDER NOW

Подробнее здесь: https://stackoverflow.com/questions/365 ... -inner-div