teste css html

<header class="sg-header sg-header--fixed js-main-header " style="box-sizing: border-box; width: 360px; margin-bottom: 0.75rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px 0px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 101; font-family: ProximaNova, Helvetica, Arial, sans-serif; font-size: 16px;"><div class="sg-header__container" style="box-sizing: border-box; background-color: rgb(87, 178, 248);"><div class="sg-header__content" style="box-sizing: border-box; display: flex; width: 360px; height: 3.75rem; max-width: 1400px; padding: 0px 12px; margin: auto; -webkit-box-align: center; align-items: center;"><div class="sg-header__left" style="box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; margin-right: 10px; flex-shrink: 0;"><a href="https://brainly.com.br/" class="sg-home-button" title="Brainly.com.br - Estudamos juntos" style="box-sizing: border-box; text-decoration-line: none; display: inline-block; position: relative; overflow: hidden; text-overflow: ellipsis; line-height: 1.5rem; min-height: 1.5rem; margin: 0px; outline: 0px;"><img class="sg-home-button__logo-small" src="https://styleguide.brainly.com.br/images/logos/brainly-mobile-426ef8718f.svg" alt="Brainly.com.br" style="box-sizing: border-box; border-width: initial; border-style: none; display: block; width: 36px; height: 36px;"></a></div><div class="sg-header__middle" style="box-sizing: border-box; -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-box-align: center; align-items: center;"><div class="sg-content-box sg-content-box--full js-react-search-bar" style="box-sizing: border-box; width: 240px;"><form class="sg-search" method="GET" action="https://brainly.com.br/app/ask" role="search" style="box-sizing: border-box; display: inline-block; position: relative; text-overflow: ellipsis; line-height: 1.5rem; min-height: 1.5rem; margin: 0px; overflow: visible; width: 240px;"><input required="" class="sg-input sg-input--with-icon sg-search__input sg-input--full-width sg-input--light js-top-search-input" name="q" type="search" placeholder="Qual a sua pergunta?" data-hj-whitelist="" aria-label="Busca" style="box-sizing: border-box; color: rgb(0, 0, 0); font-size: 0.875rem; line-height: 1.5rem; position: relative; overflow: hidden; text-overflow: ellipsis; min-height: 1.5rem; background: rgba(255, 255, 255, 0.4); border-width: initial; border-style: none; border-radius: 8px; padding: 0px 12px 0px 40px; height: 2.25rem; -webkit-appearance: none; transition: background 0.3s ease-out 0s, box-shadow 0.3s ease-out 0s, -webkit-box-shadow 0.3s ease-out 0s; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px 0px; width: 240px;"><div class="sg-search__icon" style="box-sizing: border-box; transition: fill 0.3s ease-out 0s; position: absolute; top: 0px; bottom: 0px; left: 12px; display: flex; -webkit-box-align: center; align-items: center; fill: rgb(255, 255, 255);"><svg class="sg-icon sg-icon--x18 sg-icon--adaptive"><use xlink:href="#icon-search"><svg viewBox="0 0 32 32" style="overflow: visible" id="icon-search" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path fill-rule="evenodd" d="M21.15 19.1h-1.1l-.36-.38c1.3-1.56 2.1-3.58 2.1-5.8C21.82 8 17.82 4 12.9 4 8 4 4 8 4 12.92s4 8.92 8.92 8.92c2.2 0 4.24-.8 5.8-2.15l.38.33v1.08l6.85 6.9L28 25.95l-6.85-6.86zm-8.23 0c-3.4 0-6.18-2.77-6.18-6.18 0-3.4 2.77-6.18 6.18-6.18 3.4 0 6.17 2.77 6.17 6.18 0 3.4-2.8 6.17-6.2 6.17z"></path></svg></use></svg></div></form></div></div><div class="sg-header__right" style="box-sizing: border-box; margin-left: 10px; display: flex; -webkit-box-align: center; align-items: center; flex-shrink: 0;"><div role="button" tabindex="0" aria-label="Ver perfil" class="skksks sg-header__hamburger sg-hide-for-large-only" style="box-sizing: border-box; display: flex;"><div class="sg-icon-as-button sg-icon-as-button--light js-katie-button-mobile js-toggle-menu" style="box-sizing: border-box; display: inline-flex; background: none; border: none; outline: none; padding: 0px; cursor: pointer; overflow: visible; fill: rgb(255, 255, 255);"><div class="sg-icon-as-button__hole" style="box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 40px; height: 40px; border-color: rgb(255, 255, 255);"><div class="sg-overlayed-box" style="box-sizing: border-box; position: relative; text-overflow: ellipsis; line-height: 1.5rem; min-height: 1.5rem; margin: 0px; display: inline-flex; overflow: visible; vertical-align: inherit;"><div class="avatar-switch js-toggle-menu-avatar" style="box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgba(0, 0, 0, 0.2); border-radius: 50%; transition: border-width 150ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;"><div class="sg-avatar" style="box-sizing: border-box; position: relative; overflow: hidden; width: 32px; height: 32px; border-radius: 50%; perspective: 1px;"><img class="sg-avatar__image" src="https://pt-static.z-dn.net/files/d00/41c080547e6af0c9635c21c9885e1165.jpg" alt="amandasantosp11" title="amandasantosp11" style="box-sizing: border-box; display: flex; position: relative; height: 32px; width: 32px;"></div></div><div class="sg-overlayed-box__overlay" style="box-sizing: border-box; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; position: absolute; right: -4.8px; top: -4.8px;"></div></div></div></div></div></div></div></div></header><div id="screening-ad-container" style="box-sizing: border-box; font-family: ProximaNova, Helvetica, Arial, sans-serif; font-size: 16px;"></div><div class="sg-layout__container js-main-container " style="box-sizing: border-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; margin: 3.75rem auto; width: 360px; font-family: ProximaNova, Helvetica, Arial, sans-serif; font-size: 16px;"><section id="main-content" class="sg-layout__content" role="main" style="box-sizing: border-box; min-width: 0px; flex-shrink: 0; padding: 0px; width: 360px;"><div class="sg-layout__box" style="box-sizing: border-box; padding: 1.5rem 24px 0px; background-color: rgb(255, 255, 255); border-radius: 8px;"><div class="brn-question" style="box-sizing: border-box; position: relative;"><article class="js-main-question task-20178663 brn-question " data-z="{"id":20178663,"content":"Uma fornalha industrial tem parede de tijolo com 0.2m de espessura e k= 1,0 W\/m.K. Esta parede \u00e9 revestida externamente com uma camada isolante de K= 0,007 W\/m.k. A superf\u00edcie interna est\u00e1 a 980\u00b0C e a externa a 38\u00b0C. Resolva:<br \/>\na) represente um desenho esquem\u00e1tico com todo o processo e o circuito de resist\u00eancias t\u00e9rmicas.<br \/><br \/>\nb) a espessura do isolante que permite um fluxo de 900W\/m2.<br \/><br \/>\nc) a temperatura da jun\u00e7\u00e3o da parede com o isolante.<br \/><br \/>","subject_id":2,"grade_id":5,"user_id":5363724,"created":"2018-12-13T13:40:21-02:00","created_timestamp":1544715621,"responses":[],"can_comment":true,"attachments":[],"is_deleted":false,"comments":{"items":[],"lastId":0,"count":0},"canMarkAbuse":false,"isMarkedAbuse":false,"canFollow":false,"canUnfollow":false,"isFollowing":true,"pointsForResponse":null,"pointsForBest":null,"approvedAnswersCount":0,"isAnswerButton":false,"canEdit":true}" data-user="{"id":5363724,"nick":"amandasantosp11","gender":1,"avatars":{"64":"https:\/\/pt-static.z-dn.net\/files\/d39\/83d3b8aea79e9992c5441394b37d999a.jpg","100":"https:\/\/pt-static.z-dn.net\/files\/d00\/41c080547e6af0c9635c21c9885e1165.jpg"},"ranks":{"color":"#6ed6a0","names":["Ambicioso"]}}" data-main-task-id="20178663" data-question-id="20178663" style="box-sizing: border-box; position: relative;"><div class="sg-content-box" style="box-sizing: border-box;"><div class="question-header sg-content-box__title sg-content-box__title--spaced-bottom" style="box-sizing: border-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; min-height: 3rem; margin-bottom: 0.75rem;"><div class="sg-actions-list sg-actions-list--space-between sg-actions-list--no-wrap" style="box-sizing: border-box; line-height: 0; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; flex-wrap: nowrap; width: 312px; max-width: 100%;"><div class="sg-actions-list__hole" style="box-sizing: border-box; max-width: 100%; margin: 0px 12px 0px 0px;"><div class="sg-actions-list" style="box-sizing: border-box; line-height: 0; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; flex-wrap: wrap; width: 209.406px; max-width: 100%;"><div class="sg-actions-list__hole" style="box-sizing: border-box; max-width: 100%; margin: 0px 12px 0px 0px;"></div><div class="sg-actions-list__hole" style="box-sizing: border-box; max-width: 100%; margin: 0px;"><ul class="sg-breadcrumb-list js-question-breadcrumbs" itemscope="" itemtype="http://schema.org/BreadcrumbList" style="box-sizing: border-box; position: relative; text-overflow: ellipsis; line-height: 1.5rem; min-height: 1.5rem; overflow: visible; margin: 0px; padding: 0px; list-style: none; display: inline-block; color: rgb(50, 60, 69);"><li class="sg-breadcrumb-list__element" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" style="box-sizing: border-box; display: inline-block;"><a itemprop="item" href="https://brainly.com.br/materia/fisica/ensino_superior" class="sg-link sg-link--small sg-link--gray" style="box-sizing: border-box; text-decoration-line: none; line-height: 1.125rem; min-height: 0px; cursor: pointer; color: rgb(50, 60, 69); font-weight: 700; font-size: 0.875rem;"><span itemprop="name" style="box-sizing: border-box;">Ensino superior</span></a></li><li class="sg-breadcrumb-list__element" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" style="box-sizing: border-box; display: inline-block;"><a itemprop="item" href="https://brainly.com.br/materia/fisica" class="sg-link sg-link--small sg-link--gray" style="box-sizing: border-box; text-decoration-line: none; line-height: 1.125rem; min-height: 0px; cursor: pointer; color: rgb(50, 60, 69); font-weight: 700; font-size: 0.875rem;"><span itemprop="name" style="box-sizing: border-box;">Física</span></a></li><li class="sg-breadcrumb-list__element" style="box-sizing: border-box; display: inline-block;"><span class="sg-link sg-link--small sg-link--gray sg-link--disabled" title="8 pts+4 pontos pela melhor resposta" style="box-sizing: border-box; line-height: 1.125rem; min-height: 0px; cursor: default; font-weight: 700; font-size: 0.875rem;">8+4 pts</span></li></ul></div></div></div><div class="sg-actions-list__hole" style="box-sizing: border-box; max-width: 100%; margin: 0px;"><div class="sg-actions-list sg-actions-list--to-right sg-actions-list--no-wrap" style="box-sizing: border-box; line-height: 0; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; flex-wrap: nowrap; width: 60px; max-width: 100%;"><div class="sg-actions-list__hole" style="box-sizing: border-box; max-width: 100%; margin: 0px;"></div><div class="sg-actions-list__hole sg-actions-list__hole--no-shrink" style="box-sizing: border-box; max-width: 100%; margin: 0px 0px 0px 12px; flex-shrink: 0;"><a href="https://brainly.com.br/tasks/prev_task/20178663/5/2" style="box-sizing: border-box; text-decoration-line: none;"><button title="Anterior" class="js-prev-question-button sg-icon-as-button sg-icon-as-button--xsmall sg-icon-as-button--with-border sg-icon-as-button--gray js-previous-question-button" style="display: inline-flex; background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-width: initial; border-style: none; border-color: initial; outline: none; padding: 0px; fill: rgb(50, 60, 69);"><div class="sg-icon-as-button__hole" style="box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 24px; height: 24px; border: 1px solid rgb(50, 60, 69); border-radius: 50%;"><svg class="sg-icon sg-icon--x10 sg-icon--adaptive "><use xlink:href="#icon-arrow_left"><svg viewBox="0 0 32 32" style="overflow: visible" id="icon-arrow_left" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M22 31.2c.7-.5.8-1.4.3-2.1L12.8 16l9.5-13.1c.5-.7.3-1.6-.3-2.1-.7-.5-1.6-.3-2.1.3l-10.2 14c-.4.5-.4 1.2 0 1.8l10.2 14c.5.7 1.4.8 2.1.3z"></path></svg></use></svg></div></button></a><a href="https://brainly.com.br/tasks/next_task/20178663/5/2" style="box-sizing: border-box; text-decoration-line: none;"><button title="Seguinte" class="js-next-question-button sg-icon-as-button sg-icon-as-button--xsmall sg-icon-as-button--with-border sg-icon-as-button--gray js-next-question-button" style="display: inline-flex; background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-width: initial; border-style: none; border-color: initial; outline: none; padding: 0px; fill: rgb(50, 60, 69);"><div class="sg-icon-as-button__hole" style="box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 24px; height: 24px; border: 1px solid rgb(50, 60, 69); border-radius: 50%;"><svg class="sg-icon sg-icon--x10 sg-icon--adaptive "><use xlink:href="#icon-arrow_right"><svg viewBox="0 0 32 32" style="overflow: visible" id="icon-arrow_right" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M10 .8c-.7.5-.8 1.4-.3 2.1L19.2 16 9.7 29.1c-.5.7-.3 1.6.3 2.1.7.5 1.6.3 2.1-.3l10.2-14c.4-.5.4-1.2 0-1.8l-10.2-14C11.6.4 10.7.3 10 .8z"></path></svg></use></svg></div></button></a></div></div></div></div></div></div><div class="sg-content-box sg-content-box--spaced-bottom js-question-wrapper" style="box-sizing: border-box; margin-bottom: 0.75rem;"><div class="sg-content-box__content" style="box-sizing: border-box; overflow-wrap: break-word;"><h1 class="sg-text sg-text--large sg-text--regular js-question-heading" itemprop="text" style="box-sizing: border-box; font-size: 24px; margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 32px; font-weight: 400;">Uma fornalha industrial tem parede de tijolo com 0.2m de espessura e k= 1,0 W/m.K. Esta parede é revestida externamente com uma camada isolante de K= 0,007 W/m.k. A superfície interna está a 980°C e a externa a 38°C. Resolva:<br style="box-sizing: border-box;">a) represente um desenho esquemático com todo o processo e o circuito de resistências térmicas.<br style="box-sizing: border-box;"><br style="box-sizing: border-box;">b) a espessura do isolante que permite um fluxo de 900W/m2.<br style="box-sizing: border-box;"><br style="box-sizing: border-box;">c) a temperatura da junção da parede com o isolante.<br style="box-sizing: border-box;"></h1></div></div></article></div></div></section></div>