Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
Search - "text align"
-
text-align: center
Designer: “it’s not cantered, it’s 2px too much to the left”
Me: *does nothing* “what about now?”
Designer: “perfect”
Yup. This IS the Truman show.17 -
How to vertically center in css..
set "text-align" to center and then rotate your screen by 90 degree. :D6 -
A classmate of mine had the task to align some content on a page to the center using CSS (using margins)
That classmate has no fucking clue because she pays no attention.
font:10px;
was the only thing she wrote into the text file that was projected onto the whiteboard.
The teachers asked: "What does font stand for?"
Her reply: "Uuuuuuh... Position?"
Kill. Me.8 -
When you're working on a very complex client/server project in 7 open Solutions and changes in about 100 classes and your project manger gives you a "very important text align issue" that you have to fix immediately 😒1
-
Bootcrap. Just looked at their main page, and it's a whopping 75k of markup plus 294k of CSS (W-T-F?!), and 224k of JS. All of that shit for a page that shouldn't be more than 10k of markup, 16k of CSS, and that has no reason to even use JS at all.
<a class="d-flex flex-column flex-lg-row justify-content-center align-items-center mb-4 text-dark lh-sm text-decoration-none
Yeah, that crap is supposed to be "easier" to write. That's what you get for totally failing to understand how HTML/CSS even work, clinging to late 1990s practices, and ditching decades of progress since then.
Although the Bootcrap folks do manage to write valid HTML. As low as that sounds, but that counts already as an exceptional skill in the notoriously low-skilled frontend "dev" world that is all about making shitty websites.
Oh, and the rest like Failwind and Bulimia aren't any better. They already fail at delivering valid HTML on their websites.17 -
When people ask me to left justify text... NO!!! It's left ALIGN, right ALIGN, or justify. Stop it.3
-
When you've been slinging divs all day and can't get that image to center, and finally you type "text-align: center" and think, yeah okay, I think I'm done for the day...
... And then the image centers.
💣💥1 -
I hate it when you actually buy a template and it turns out things only align when your images and text are a certain length.
Dear designer no, my images are not all 200 x 200. Screw you :)4 -
tldr: Fuck Adobe Premiere
What the flying fuck.
I have a school project together with a friend and decided to do a video. Not only do we now only have one fucking day left, because the teacher decided we dont need time or anything, but I have to learn video editing software, record clips and create the video withing one fucking day.
I've downloaded Premiere because I have a 7 day trial left and had Creative Cloud on my PC and WHAT THE FUCK kind of fucked up bullshit software is this human compiled piece of shit?! I needed to google how to add text and edit it because adding text gives you absolutely nothing, you get no possibility to edit the text in any way, except the content. After googling for 10 minutes because I have the newest version and they changed the text tool, I found out that you need to go to another tab... of which there is 7 and all have such telling names like: "Effects" and "Compose"...
I needed to go to "Effects" BECAUSE WHY THE FUCK NOT, TEXT SURE LOOKS LIKE AN EFFECT TO ME! Then I wanted to align it to the right so its on 50% of the screen. You fucking cant, I've tried and looked for an hour the only possibility you have is to align it to the center or just throw it somewhere. The snapping didn't even work correctly. So I tried to do something else because I was ready to punch a kitten.
A box. A box thats black. A box thats black and thats aligned to the... FUCK YOU, YOU CANT ALIGN THIS BOX.
I cant align a box...
They dont even give me the possibility to...
But I can align the text BOX, not even the FUCKING TEXT itself...
What
The
Fuck
This is the worst program I've EVER had to use. I'm fucking mad and this fucking project can FUCK ITSELF.19 -
When you can't vertically align text because it breaks - webkit-background-clip and only way to do that, is setting line-height same as container height.1
-
What's the strangest Assembler or Pseudo-Assembler you've ever encountered?
I wrote a Z-machine (Infocom's virtual text adventure interpreter) and it was quite an interesting interpretation of bytes:
- The first 3 bits of an instruction tell you the opcode category, the rest are the instruction
- The 2nd (and maybe 3rd) byte tell you in 2-Bit chunks the operand types.
- text is encoded in 5-Bit chunks, with special characters for CapsLock that double function as padding (if your text doesn't align with the 3 letters per 2 bytes).
- and of course there are 5 different versions that all work slightly differently (as in CapsLock becomes Shift or "this special character isn't in use anymore")3 -
You know you have been coding with CSS Preprocessor for far too long when you typed this in regular stylesheet and wondering why it doesn't work...
#container {
.wrapper {
text-align: center;
}
}
Why the font doesn't align to center!!! @&$#+%*^2 -
Coworker just tried to center an http form using this:
<p text-align: Center"> form here </p>
or
<p margin-right: auto"> form here </p>
The sad thing is, that he is working on websites for more than half a year now...1 -
You know it's kinda your fault when your CSS works properly in Internet Explorer and Firefox, but doesn't in Chrome or (non-Chromium) Edge.
However:
Spec says text-align doesn't apply to inline elements, but both Internet Explorer and Firefox seem to disregard that spec and do it anyway. What the fuck?3 -
Easiest responsive page. No js
<DOCTYPE html>
<head>
<style contenteditable style="display: block; border: 2px solid black; background: white; font-size: 2em;">
body { background: red; } h1 { font-size: 4em; text-align: center; }
</style>
</head>
<body>
<h1>Title</h1>
</body>
</html>1 -
Consider an API that uses the HTTP path to represent position in a tree that literally represents a file tree with minimal constraints, and GET/PUT/DELETE methods to read, write and destroy the nodes. How would you encode read/write operations to per-node metadata? The kinds of metadata are static and around 4, so inventing HTTP verbs for each of them is infeasible but filtering is not necessary.
Options considered so far:
- toplevel resources alongside a namespaced /data such as /acl, /lock
- magic keywords to the Range header (this is apparently compliant)
- mimetypes such as text/plain+acl
- SETPROP / PROP methods in the spirit of WebDAV
- headers (I worry this may become an immitigable bottleneck really fast)
I'm looking for any kind of suggestion or insight, not perfect answers.
I read the WebDAV specification and I won't even suggest that I'm trying to align with it, the only protocol I'd seen in the past with comparable scope bloat is WebRTC.22