logo and h1 heading appear on same line using html and css -


i want create webpage encountered problem in making logo appear near heading. have tried following code not produce expected results.

i have following code:

.line .box .header img {    float: left;  }    .line .box.header h1 {    position: relative;    top: 1px;    left: 10px;  }
<div class="line">     <div class="box">        <div class="s-6 l-2">            <div class="header">               <img src="img/hrcimg.jpg" alt="logo">               <h1>united nations human rights council</h1>          </div>        </div>     </div>  </div>

website screen output seen

you need increase width of .l-2 element.

setting element's width 100% result in layout title of question eludes to.

when reaching lower resolutions, you'll need adjust these styles accordingly structure maintained point.
once resolution reaches mobile proportions, consider displaying them in own lines. can done setting logo display block width: 100%; & height: auto;, you'll need kill float rule @ point.


-

Popular posts from this blog

Apache NiFi ExecuteScript: Groovy script to replace Json values via a mapping file -

i working apache nifi 0.5.1 on groovy script replace incoming json values ones contained in mapping file. mapping file looks (it simple .txt): header1;header2;header3 a;some text;a2 i have started following: import groovy.json.jsonbuilder import groovy.json.jsonslurper import java.nio.charset.standardcharsets def flowfile = session.get(); if (flowfile == null) { return; } flowfile = session.write(flowfile, { inputstream, outputstream -> def content = """ { "field1": "a" "field2": "a", "field3": "a" }""" def slurped = new jsonslurper().parsetext(content) def builder = new jsonbuilder(slurped) builder.content.field1 = "a" builder.content.field2 = "some text" builder.content.field3 = "a2" outputstream.write(builder.toprettystring().ge...
Read more

node.js - How do I prevent MongoDB replica set from querying the primary? -

read-operations-only: is there way have mongodb replica set, make mongodb instance on box connected to, mongodb gets queried? i have 3 ec2 instances behind aws load balancer. on each ec2 instance runs mongodb, part of replica set. i have express endpoints on nodejs , connect replica set follows mongodb.mongoclient.connect('mongodb://1.1.1.1,2.2.2.2,3.3.3.3.', function (err, db) { if (err) { complete('{}'); } else { i distribute load of queries evenly across 3 instances of mongodb replica set instead of default having queries routed ec2 instance primary mongodb defined, because destroys point of load balancer (which balance load of queries across 3 instances evenly). my understanding when connecting mongodb replica set, primary instance selected unless primary instance down, , therefore purpose of every secondary instance serve backup. in example people call hot,cold,cold. because there 2...
Read more