Page de test 2 : Différence entre versions

[version vérifiée][version vérifiée]
Ligne 1 : Ligne 1 :
 
<div style="border: 1px black dashed; position: relative; width: 50%;">
 
<div style="border: 1px black dashed; position: relative; width: 50%;">
<div style="position: absolute; display: inline-block; border: 1px black dashed; top: 0; left: 50%; transform: translate(-50%,-70%); padding: 0 5px; background: #f0d9a2;">'''Je suis un titre'''</div>
+
<div style="position: absolute; display: inline-block; border: 1px black dashed; top: 0; left: 50%; transform: translate(-50%,-70%); padding: 0 15px; background: #f0d9a2;">'''Je suis un titre'''</div>
 
<div style="margin: 10px;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Totam, porro. Consequatur culpa eius corporis reiciendis et doloribus, ipsum cumque tempora beatae temporibus, fugit amet rem laborum architecto? Voluptate praesentium esse ad sit provident ullam reprehenderit perferendis totam cumque? Quod voluptas provident accusamus temporibus beatae ad quasi, a facere numquam? Dicta fugiat nisi iste, laudantium fuga omnis aut quaerat repellendus id molestiae assumenda dolorum quis ab enim ipsum error rerum placeat necessitatibus numquam? Impedit quibusdam sed eligendi consectetur placeat exercitationem inventore cum quod, enim tenetur esse porro, eos nesciunt ipsam quidem quae atque et velit laborum quos quasi. Illum, ipsum perferendis?</div>
 
<div style="margin: 10px;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Totam, porro. Consequatur culpa eius corporis reiciendis et doloribus, ipsum cumque tempora beatae temporibus, fugit amet rem laborum architecto? Voluptate praesentium esse ad sit provident ullam reprehenderit perferendis totam cumque? Quod voluptas provident accusamus temporibus beatae ad quasi, a facere numquam? Dicta fugiat nisi iste, laudantium fuga omnis aut quaerat repellendus id molestiae assumenda dolorum quis ab enim ipsum error rerum placeat necessitatibus numquam? Impedit quibusdam sed eligendi consectetur placeat exercitationem inventore cum quod, enim tenetur esse porro, eos nesciunt ipsam quidem quae atque et velit laborum quos quasi. Illum, ipsum perferendis?</div>
 
</div>
 
</div>

Version du 30 octobre 2021 à 10:11

Je suis un titre
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Totam, porro. Consequatur culpa eius corporis reiciendis et doloribus, ipsum cumque tempora beatae temporibus, fugit amet rem laborum architecto? Voluptate praesentium esse ad sit provident ullam reprehenderit perferendis totam cumque? Quod voluptas provident accusamus temporibus beatae ad quasi, a facere numquam? Dicta fugiat nisi iste, laudantium fuga omnis aut quaerat repellendus id molestiae assumenda dolorum quis ab enim ipsum error rerum placeat necessitatibus numquam? Impedit quibusdam sed eligendi consectetur placeat exercitationem inventore cum quod, enim tenetur esse porro, eos nesciunt ipsam quidem quae atque et velit laborum quos quasi. Illum, ipsum perferendis?