0
страницы здесь:Как выровнять текст с помощью CSS формы
http://www.satearn.com/node/163
Я хочу, чтобы текст выстраиваться совершенно с помощью CSS формы, как если бы они были пулей.
.big_bullets {
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: relative;
cursor: pointer;
top: 0;
padding: 0 19px;
border: 3px solid rgb(255,255,255);
-webkit-border-radius: 50px;
border-radius: 50px;
font: normal normal bold 20px/50px Arial, Helvetica, sans-serif;
color: rgb(255, 255, 255);
text-align: center;
text-transform: uppercase;
-o-text-overflow: clip;
text-overflow: clip;
background: #069;
float:left;
}
.big_bullets_para {
float:right;
clear: both;
margin-right:50%;
}
HTML, выглядит следующим образом:
<div class="big_bullets">
A</div>
<div class="big_bullets_para">
<p>
Please use the site's shopping cart and use Paypal or credit card options.</p>
</div>
<p> </p>
<div class="big_bullets">
A</div>
<div class="big_bullets_para">
<p>
Please use the site's shopping cart and use Paypal or credit card options.</p>
</div>
<p>
</p>
<div class="big_bullets">
A</div>
<p>
</p>
<div class="big_bullets_para">
<p>
Please use the site's shopping cart and use Paypal or credit card options.</p>
</div>