html - How to draw scalable rectangles Ruby on Rails -

i learning ruby on rails create website, , looking way (preferably conventional one) create white rectangles cover of texts (to make easier read).

i have previous knowledge of java, c , python languages unfamiliar ror, html, css.

i finished following blog tutorial , added background. http://guides.rubyonrails.org/getting_started.html therefore don't have relevant code share, basic stuff.

i appreciate further tips on how have better control on figures draw (how make corners rounded, how make rectangle size larger text size etc.)

it feels want draw poster if using adobe illustrator or that.

for web design, shouldn't reason this. think of webpages collection of containers squeeze , adapt content.

this going background of containers. if want covering letters, try like

html :

<span class="white-shadow">your text</span>

css

.white-shadow{   background: white; }

it's css property called

.your_class{   border-radius: 2px 2px 0 0; // round corners of 2px radius top left/right corners }

you want add padding containers

.container{   padding: 5px 10px 5px 10px; }

if don't understand of this, recommend follow html/css tutorial.

Macro