Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div id="masthead">
- <div class="container">
- <div class="row">
- <div class="col-md-7 header-logo">
- <div class="header-logo" style="color: white;">
- <img src="/img/gros_buck_175.png" class="img-responsive" align="left" style="padding-right: 1.5em;padding-top: 0px; max-width: 184px;">
- <br>
- TEL: 450 955-3422 <br>
- 182 CHEMIN D'ADAMSVILLE <br>
- J2L 2Y6, BROMONT<br>
- laboucheriedugrosbuck@gmail.com
- <br clear="all">
- </div>
- </div>
- <div class="col-md-5">
- <div class="well well-lg">
- <div class="row">
- <div class="col-sm-12">
- <img src="/img/sceau_140.png" class="img-responsive" align="left" style="padding-right: 1.2em;">
- <h3 style="margin-top:0px; margin-bottom: 1em;">PROMO</h3>
- FAITES VOTRE PLAN DE VIANDE:<br>
- ACHETEZ POUR PLUS DE 100$ DE PRODUITS
- À L'UNITÉ ET RECEVEZ 10% EN SAUCISSES.
- </div>
- </div>
- </div>
- </div>
- </div>
- </div><!--/container-->
- </div><!--/masthead-->
- <img src="/img/gros_buck_175.png"
- class="img-responsive"
- align="left"
- style="padding-right: 1.5em;padding-top: 0px;">
- <img src="/img/gros_buck_175.png" class="img-responsive" id="myLogo" align="left">
- #myLogo {
- padding-right: 1.5em;
- padding-top: 0px;
- }
- #myLogo {
- all: initial!important;
- width: 100%!important;
- height: auto!important;
- }
- Object.assign(document.getElementById('myLogo').style, {
- all: 'initial',
- width: '100%',
- height: 'auto'
- });
- img {
- display:table-cell;
- width:100%;
- height:auto;
- }
- img {
- display:inline-block;
- }
- <div class="inline-wrap">
- <img src="http://placehold.it/150x150" />
- <div class="text-wrap">Lorem Ipsum is simply dummy text Lorem Ipsum is simply dummy text Lorem Ipsum is simply dummy text</div>
- </div>
- *,*:before,*:after {
- box-sizing: border-box;
- }
- .inline-wrap {
- white-space: nowrap;
- font-size: 0;
- height: 150px;
- }
- .inline-wrap img {
- width: 150px;
- }
- .inline-wrap .text-wrap {
- white-space: initial;
- font-size: initial;
- display: inline-block;
- height: 100%;
- width: 65%; /* Fallback */
- width: calc(100% - 150px);
- }
- <table>
- <tr>
- <td class="img-wrap">
- <img src="http://placehold.it/150x150" />
- </td>
- <td class="text-wrap">Lorem Ipsum is simply dummy text Lorem Ipsum is simply dummy text Lorem Ipsum is simply dummy text</td>
- </tr>
- </table>
- *, *:before, *:after {
- box-sizing: border-box;
- }
- table, tr, td {
- border: 0;
- padding: 0;
- margin: 0;
- border-collapse: collapse;
- }
- table {
- width:100%;
- }
- table .img-wrap {
- font-size: 0;
- }
- table .text-wrap {
- width: 100%;
- height: 100%;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement