JSFiddle - React, Tailwind, and code Playground

by benegan1991

HTML

<div class='wrapper'>
    <div class="scroll">
        <div class="child"></div>
    </div>
    <div class="address">
<address style="font-weight: bold">
        <h4>     "   "  </h4>
        <h4>Mark Doug</h4>
        <p><a href=" ">[email protected]</a></p>
        <p>H-445,Silver square street<br /> </p>
        <p> CA</p>
        <p><a href="http://www.google.co.in/maps/place/Vellore+Institute+of+Technology/">Link</a></p>
  </address>

    </div>
    <div class="map">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1943.3683149886067!2d80.22590949999997!3d13.052429000000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a5266f3e4d1ef43%3A0x6c079f349c726900!2sUnited+India+Colony%2C+Kodambakkam!5e0!3m2!1sen!2sin!4v1399533376003" width="600" height="450" frameborder="0" style="border:0"></iframe>
    </div>
</div>

CSS

.wrapper {
    width:900px;
}
.address {
    float:left;
}
.map {
    float:right;
}