如何在标题部分的右上角放置一个元素？

Question

如何在标题部分的右上角放置一个元素？

Answer 1

我很确定这会做你需要的。

＆＃13;

＆＃13;

    #header-section1 {
      position: relative;
    }

    #floatright {
      position: absolute;
      top: 1px;
      right: 5px;
    }

＆＃13;

    <div id="header-section">
    <div id="header-section1">
         <h1><a href="http://esgr2.cspo.qc.ca/">École secondaire<br>Grande-Rivière</a></h1>
         <p>Commission scolaire des Portages-de-l'Outaouais</p>
         <div id="floatright">
             <p><i class="fa fa-envelope" aria-hidden="true"></i> ecole.secondaire.grande-riviere@cspo.qc.ca</p>
             <p id="phonenumber"><i class="fa fa-phone" aria-hidden="true"></i> (819)-682-8222</p>
             <ul>
                 <li><i class="fa fa-facebook" aria-hidden="true"></i></li>
             </ul>
         </div>
    </div>

＆＃13;

＆＃13;

＆＃13;

您可能需要调整top和right值，您可能还需要为padding-right强制执行#header-section1值，以防止右浮动重叠左对齐的内容。

此外，您可能应该使用类而不是CSS的ID。强烈建议不在CSS中使用ID。