html - How to layout follow content using CSS? -


here layout make:

layout example

'input' 70% width of screen. , 'second input' 70% width of 'input'. 'button' 30% width of 'input'. 'input' in middle of screen.

how can so? thank you.

do not think require special skills. basic fluid layout. example

markup

<div id="wrapper">   <input type="text" id="firstrow_textbox" />   <input type="text" id="secondrow_textbox" />   <input type="button" id="secondrow_button" /> </div> 

css

#wrapper {     width: 70%; }   #firstrow_textbox { width: 100%; }   #secondrow_textbox { width: 70%; }   #secondrow_button { width: 28%; } /* due border , */ 

demo


Comments

Popular posts from this blog

objective c - Change font of selected text in UITextView -

php - Accessing POST data in Facebook cavas app -

c# - Getting control value when switching a view as part of a multiview -