Highlighted

Media Query

Engaged ,
Aug 19, 2019

Copy link to clipboard

Copied

Hi,

I am working on Tablet View-2.

There is a long line.

I want to change it into two short lines, keeping everything intact.

Is there any solution?

Global Invisible Hand

Hosun Kang

Q_Dw_62_MQ.png

Adobe Community Professional
Correct answer by B i r n o u | Adobe Community Professional

if you really want to control where to split the line, you can use either  a BR tag (alone) or a SPAN tag (completed by some CSS as display:inline:block, of block depending on what result you would like to get.

if you don't need to control exactly where to split the line, the text should run as the width of the container reduce

Views

332

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Media Query

Engaged ,
Aug 19, 2019

Copy link to clipboard

Copied

Hi,

I am working on Tablet View-2.

There is a long line.

I want to change it into two short lines, keeping everything intact.

Is there any solution?

Global Invisible Hand

Hosun Kang

Q_Dw_62_MQ.png

Adobe Community Professional
Correct answer by B i r n o u | Adobe Community Professional

if you really want to control where to split the line, you can use either  a BR tag (alone) or a SPAN tag (completed by some CSS as display:inline:block, of block depending on what result you would like to get.

if you don't need to control exactly where to split the line, the text should run as the width of the container reduce

Views

333

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Aug 19, 2019 0
Adobe Community Professional ,
Aug 19, 2019

Copy link to clipboard

Copied

if you really want to control where to split the line, you can use either  a BR tag (alone) or a SPAN tag (completed by some CSS as display:inline:block, of block depending on what result you would like to get.

if you don't need to control exactly where to split the line, the text should run as the width of the container reduce

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 19, 2019 2
Engaged ,
Aug 19, 2019

Copy link to clipboard

Copied

Hi,

Thank you very much for your reply.

I wrote the code below.

While moving from 845px to 500px, there appears an unexpected thing.

Is there any solution?

Global Invisible Hand

Hosun Kang

Q_Dw_63_MQ.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 19, 2019 0
Adobe Community Professional ,
Aug 19, 2019

Copy link to clipboard

Copied

Remove margin-left or change the value to 0 as in

margin-left: 0;

Also please note that spaces are not allowed as the value for the href attribute. See Showing results for https://xenodochial-kare-3d3608.netlify.com/ - Nu Html Checker


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 19, 2019 2