title: Plotly axis labels on multiple lines alignment
body: <p>I'm building a Shiny application with some Plotly horizontal bar charts. Some data labels are pretty long and I want to break them on multiple lines. It works when places <code>&lt;br&gt;</code> on the place I want to break the line, but alignment of the axis labels does not go well. See picture below of output (left) and desired plot (right).</p>
  
  <p><a href="https://i.stack.imgur.com/qjilj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qjilj.png" alt="Plotly output (left) and desired output (right)"></a></p>
  
  <p>Below a minimal working example. It left out the Shiny part, because I expect that this does not affect the possible solution.</p>
  
  <pre><code>df &lt;- data.frame(
    name = paste0('This is a pretty long sentence',1:10),
    dimA = 1:10
  )
  
  df$name &lt;- gsub('This is a pretty long sentence','This is a&lt;br&gt;pretty long&lt;br&gt;sentence',df$name)
  
  
  ## Hide axes
  ax &lt;- list(
    title = "",
    showline = FALSE,
    showticklabels = FALSE,
    showgrid = FALSE,
    domain = list(0.2, 1)
  )
  ay &lt;- list(
    title = "",
    zeroline = FALSE,
    showline = FALSE,
    showticklabels = TRUE,
    showgrid = FALSE
  )
  
  p &lt;- df %&gt;% 
    plot_ly(x = ~dimA, 
            y = ~name,
            type = 'bar',
            orientation = 'h'
    ) %&gt;%
    layout(xaxis = ax, yaxis = ay)
  p
  </code></pre>
  
  <p>Help is highly appreciated! Struggling with this for hours, but unable to find a solution!</p>