У меня есть div, внутри которого три div'a установленных вертикально. И я хочу к примеру сделать первый блок 25% от ширины внешнего div, второй 25% и третий 50%. Можно ли как-то с помощью CSS сделать это?
<div id="ribbblock">
<div class="row">
<a>
<div id="first" style="text-align: left; width: 100%;">
</div>
</a>
<a>
<div id="second" style="text-align: center; width: 100%">
</div>
</a>
<a>
<div id="third" style="text-align: right; width: 100%;">
</div>
</a>