html - Display: inline removes blocks -


i've been learning html , css around 2 months, apparently i'm still neophyte. i'm trying create of header nav bar here, when ever set property display:inline, poof ! disappear. i'm pretty sure problem rudimentary input have helps.

div {      border-radius: 5px 55px 5px 55px; }  #header {     height: 50px;      width: 200px;      background-color: #f38630;      margin-bottom: 10px;      margin-top: 10px;      display: inline; }  .left {     height: 300px;      width: 150px;      background-color: #a7dbd8;      float: left;      margin-bottom: 10px; }  .right {     height: 300px;      width: 450px;      background-color: #e0e4cc;     float: right;      margin-bottom: 10px; }  #footer {     height: 50px;     background-color: #69d2e7;     clear: both; } 

in nutshell, should not using display: inline not intended displayed inside block of text.

this site learning layout basics: http://learnlayout.com

if want learn stuff though, best place know: https://dash.generalassemb.ly :)

hope helps. let me know if don’t feel i’ve answered question.


Comments

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -