How to let page header's title float right?

chihwei1123 · August 2019

1、https://www.screencast.com/t/L73vBrqc

2、https://www.screencast.com/t/I05mWXY1t

Thanks

Bryan · August 2019

Hey,

please send us a link to this page.

This will not work because the h1 is 100% wide and the float does not do anything

Try doing text-align:right; instead. If you want to keep the text aligned left, but the container on the right side, you need to change the h1 to display:inline-block;

thanks

chihwei1123 · August 2019

Successful. and I have another question. How to do as same as the screenshots:https://www.screencast.com/t/CK1O5am047kk

Currently, I use weird method to modify the title: https://www.screencast.com/t/iKFm2qpbp2

URL: https://www.phalanx.com.tw/liver-cancer/

Bryan · August 2019

Your method is not so bad, I would leave only the <br /> there, because you cannot place it with CSS and target the text with this class: https://prnt.sc/otg9rs

Best to go like this: #Subheader h1.title { ... }

How to let page header's title float right?

Comments