Questions tagged [line-height]

64 questions
0
votes
0 answers

Arabic text is slightly display below in text line

I expect line color will be all blue, because yellow is covered by text background color. When fallback happen text line height change. Container( color: Colors.yellow, child: const Text( 'Wi-Fi 設定 한글…
O. T
  • 1
  • 2
0
votes
0 answers

In C++, how to set line height with qt component?

In C++,I am trying to set line height. if (auto message = guideMsgWidget->getMessageTextEdit()) { message->setTextStyle("font-size: 12px; text-align: left; color: #1b1b1e;"); } Here's the thing. getMessageTextEdit() function returns component…
Chae
  • 9
  • 2
0
votes
0 answers

Why do scroll bars appear on Mac when line-height is greater than font-size?

11AGg 个靠
.hd-col{ border: 1px solid #000; box-sizing: border-box; } .i-b{ display: inline-block; font-size: 30px; …
Zhongxu
  • 39
  • 4
0
votes
3 answers

text overwriting over another paragrah when i use line height

my text in the p element is overwriting over next p element when I use line-height to 2px, I am new to coding please help here's the code .main-section p{ font-size: 16px; word-spacing: 1px; line-height: 2px; color: #252426; …
0
votes
1 answer

List item after removing line-height from CSS is not united

I am using storeship theme for wordpress, but there is one thing I dont like, so I wanted to change. When category name is longer than 25 chars, line is divided to 2 lines. I was looking for problem and I found out that the reason is in css…
misolo89
  • 123
  • 1
  • 2
  • 13
0
votes
1 answer

I accidently added rem unit to line-height value, It overlaps the margin why?

While aligning the text using css, I accidently added rem unit to line-height (I think it shouldn't be added as of my knowledge)of the H3 element and this what happened. margin of the above P element comes in contact with h3 element below. [also…
0
votes
0 answers

I am a designer, is there any reason to use unitless line-height over pixel? On handover is it preferred to pixel?

I am working on a product and am curious is there a best practice or preferred way for front end on to receive line-height. Unitless over pixel and why? I tend to use multiples of 4, 8, 12, 16 etc for spacing in my grid and organization. Is it…
keano12
  • 1
  • 1
0
votes
1 answer

Remove spacing between lines in CSS

I was trying to get rid of spacing between lines in one text element. I need to completely remove it or even get on the previous line. Property line-height doesn't work with negative numbers and I don't want to separate the element into several so…
0
votes
2 answers

Use CSS and HTML to set parent container to content height minus X pixels

I have a HTML setup:
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ex corporis perferendis in fugiat cumque. Ipsam modi quia doloremque, animi quisquam quo exercitationem nihil debitis ea…
johann1301s
  • 343
  • 4
  • 19
0
votes
1 answer

Font difference in Mac and Windows on website

I've been facing font line-height issue in either one of Windows or Mac. The position of the font(text) in Windows and Mac acts differently. Font -> Brasley (16px)
Baalamurgan
  • 211
  • 3
  • 8
0
votes
0 answers

How to extend the legend text lineheight with ploty in R?

guys, I got a fig with plotly in R, the legend text line height is too small, What I want is a bigger line height as follows, many thanks for any kind help.
Lee Jim
  • 365
  • 3
  • 16
0
votes
0 answers

If line boxes not allowed to overlap why can we get vertically overlapping text?

Excerpts from the CSS specification (emphasized by me): 9.4.2 Inline formatting contexts A line box is always tall enough for all of the boxes it contains.. When several inline-level boxes cannot fit horizontally within a single line box, they are…
Ilya Loskutov
  • 1,967
  • 2
  • 20
  • 34
0
votes
1 answer

Center with line-height without height

As you know, we can use the line-height property with a value that is equal to the height property of a container to vertically center a single line within that container: .container { width: 300px; height: 200px; line-height: 200px; …
user4351667
0
votes
2 answers

HTML/CSS Line Spacing

I have the following two excerpts of code from a website I am messing around with. I am trying to make a change with the lines and I am struggling to do so. The idea is to have the following: "Javascript" 4+ years "HTML" 3+ years and so on but…
user15448443
0
votes
1 answer

CSS Centering by using Line-Height

I don't understand why there is a gap between the paragraph and the div element, below is my code. I am new to CSS. .center { line-height: 200px; height: 200px; border: 3px solid green; text-align: center; } .center p…
Eric
  • 69
  • 7